/* Theme Name: Tiny Framework Child Example Theme URI: http://mtomas.com/1/ Author: Tomas Mackevicius Author URI: http://mtomas.com/ Description: Tiny Framework with its child themes was created with the future in mind and encompasses all the best features of the default WordPress themes in one place, adds full accessibility and Schema.org microdata format support. Fast start is ensured with very extensive documentation! Tiny Framework features elegant responsive mobile-first design of Twenty Twelve, HTML5 ready structure of Underscores, many improvements from Twenty Fifteen, custom per-post headers, three footer widgets, FontAwesome icon webfont and Google Fonts support. Web developers will enjoy integrated Theme Hook Alliance custom action hooks. It's all there, you have everything in one neat package. Theme supports Site Logo feature on WordPress.com, that is available with Jetpack plugin for self-hosted sites (can be also installed as a stand-alone plugin). Tiny Framework can be used as a learning tool or your own little web development "framework". With its unique "Coding Tips System" Tiny Framework helps to understand how to extend parent themes and build your own child themes, hacking them the way you want. You get the best coding examples from default WordPress themes and the best hacks from the child theme. Please read readme.txt of a parent theme for a quick start guide, tips and tricks. For more information please see: http://mtomas.com/1/ Template: tiny-framework Version: 2.1.1 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: light, gray, white, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, accessibility-ready Text Domain: tinyframeworkchild This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ /* Notes -------------------------------------------------------------- This stylesheet uses rem values with a pixel fallback. The rem values (and line heights) are calculated using two variables: $rembase: 16; $line-height: 24; We use rem for: font-size, margin, padding, width, max-width when using in px. For easy calculation you may use this tool, set "Choose your font-size (px)" to 16: @link https://offroadcode.com/prototypes/rem-calculator/ ---------- Examples padding: 5px 0; padding: 0.3125rem 0; (5 / $rembase) * Set a font-size and then set a line-height based on the font-size: font-size: 16px font-size: 1rem; (16 / $rembase) line-height: 1.5; ($line-height / 16) ---------- Vertical spacing Vertical spacing between most elements should use 24px or 48px to maintain vertical rhythm: .my-new-div { margin: 24px 0; margin: 1.5rem 0; ( 24 / $rembase ) } ---------- Further reading http://snook.ca/archives/html_and_css/font-size-with-rem http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/ To calculate golden ratio for font size and line height you will need these tools: http://www.pearsonified.com/typography/ http://cssleading.com Sizes in rem units for quick reference: 1px: 0.0625rem 2px: 0.125rem 3px: 0.1875rem 4px: 0.25rem 5px: 0.3125rem 6px: 0.375rem 7px: 0.4375rem 8px: 0.5rem 9px: 0.5625rem 10px: 0.625rem 11px: 0.6875rem 12px: 0.75rem 13px: 0.8125rem 14px: 0.875rem 15px: 0.9375rem 16px: 1rem 17px: 1.0625rem 18px: 1.125rem 19px: 1.1875rem 20px: 1.25rem 21px: 1.3125rem 22px: 1.375rem 23px: 1.4375rem 24px: 1.5rem 25px: 1.5625rem 26px: 1.625rem 27px: 1.6875rem 28px: 1.75rem 29px: 1.8125rem 30px: 1.875rem 31px: 1.9375rem 32px: 2rem 33px: 2.0625rem 34px: 2.125rem 35px: 2.1875rem 36px: 2.25rem 37px: 2.3125rem 38px: 2.375rem 39px: 2.4375rem 40px: 2.5rem 41px: 2.5625rem 42px: 2.625rem 43px: 2.6875rem 44px: 2.75rem 45px: 2.8125rem 46px: 2.875rem 47px: 2.9375rem 48px: 3rem */ /* Accessibility: Colors * All major background and text colors are recorded here. * Border and shadow colors are defined using rgba values. * Color contrast must meet a minimum of 4.5:1 luminosity ratio, or 3:1 for text rendered larger than 18pt/14pt bold * * For links: * A 4.5:1 contrast between the link text color and the background. * A 3:1 contrast between the link text color and the surrounding non-link text color. * More info at: http://webaim.org/blog/wcag-2-0-and-link-colors/ */ /* Site colors Green for icon-font: #6ba420 Green for blockquote: #6ba420 Orange for widget titles and hover link state: #ff6111 Body text color: #222 Content links: Link: #0066df Visited: #800080 Hover, active: #dd3811 Headings: #333 Entry title: In mobile view: #333 Link, visited: #000 Hover, active: #ff6111 Meta, comment links: Link, visited: #555 Hover, active: #dd3811 Sidebar and footer links: Link, visited: #555 Hover, active: #dd3811 Current and parent categories: #dd3811 */ /* Table of Contents: * * 1.0 - Normalize * 2.0 - Typography * 3.0 - Elements * 3.1 - FontAwesome webfont * 4.0 - Forms * 4.1 - General styles first * 4.2 - Buttons * 4.3 - Twitter Bootstrap style button * 5.0 - Navigation * 5.1 - Links * 5.2 - Menus * 5.3 - Post, archive navigation * 6.0 - Accessibility * 7.0 - Alignments * 8.0 - Clearings * 9.0 - Widgets * 9.1 - General widget styles * 9.2 - Specific widget styles * 9.3 - Footer widget styles * 10.0 - Header * 10.1 - Site Header * 11.0 - Content * 11.1 - Posts and pages * 11.2 - Post Formats * 11.3 - Comments * 11.4 - Page templates * 12.0 - Footer * 13.0 - Media * 13.1 - Images * 13.2 - Captions * 13.3 - Galleries * 14.0 - Other styles * 14.1 - Twitter Bootstrap style alerts * 14.2 - Misc. styles * 15.0 - Media queries * 15.1 - Minimum width of 783 pixels (small screens - mobile phones, small tablets in portrait view mode) * 15.2 - Minimum width of 1100 pixels (average size screens - monitors, small tablets in landscape view mode, larger tablets) * 15.3 - Minimum width of 1240 pixels (big screens - widescreen monitors, high resolution tablets) * 15.4 - Retina-specific styles. This style cannot be processed by LESS * 16.0 - Print * 16.1 - Comments * * ---------------------------------------------------------------------------- */ /* 1.0 Normalize -------------------------------------------------------------- */ /* ******************* CLEAR FIX ******************* */ .clear { clear:both; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; /* For IE 6/7 (trigger hasLayout) */ } /* 2.0 Typography -------------------------------------------------------------- */ body, button, input, select, textarea { color: #666666; /* Improving font rendering in Linux, in case default Open Sans font is disabled */ font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-size: .75rem; line-height:14px; line-height: .875rem; text-rendering: optimizeLegibility; } body.custom-font-enabled { /* Improving font fallback in Linux */ font-family: Arial, Helvetica, sans-serif; } h1, h2, h3, h4, h5, h6 { clear: both; font-weight: normal; margin: 0; text-align: left; } h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; } .nowrap { white-space:nowrap; } /* Tip37 - automatically style author's name in a blockquote. Author's name should be enclosed in . * * The symbol list for content: @link http://www.w3schools.com/charsets/ref_utf_punctuation.asp */ blockquote cite:before { content: "\2012\00a0"; } blockquote { color: #666666; font-size: 20px; font-size: 1.25rem; line-height: 25px; line-height: 1.5625rem; padding: 8px 0 0 0; padding: .5rem 0 0 0; margin: 0 0 29px 0; margin: 0 0 1.8125rem 0; } blockquote p:first-child:before { color: transparent; content: ""; font: normal 1px/1px Arial; margin-left:0; padding-right:0; vertical-align: bottom; } .single .entry-content blockquote p, .single .entry-summary blockquote p, .single .comment-content blockquote p, .single .mu_register blockquote p, .page .entry-content blockquote p, .page .comment-content blockquote p { margin:0 0 0 0; } blockquote p { font-size: 20px; font-size: 1.25rem; line-height: 25px; line-height: 1.5625rem; font-weight:bold; font-style:italic; } blockquote > p:last-child { font-size: 16px; font-size: 1rem; font-weight:normal; font-style:normal; } .single .entry-content blockquote > p:last-child, .single .entry-summary blockquote > p:last-child, .single .comment-content blockquote > p:last-child, .single .mu_register blockquote > p:last-child, .page .entry-content blockquote > p:last-child, .page .comment-content blockquote > p:last-child { margin:2px 0 0 0; margin:.125rem 0 0 0; } /* 3.0 Elements -------------------------------------------------------------- */ /* 3.1 FontAwesome webfont */ .error-404 .page-title:before, .search-no-results .page-title:before { content:normal; } .search-results .page-title:before { /* content: ""; */ content:normal; } /* 4.0 Forms -------------------------------------------------------------- */ /* 4.1 General styles first */ /* 4.2 Buttons */ /* Make button text bold */ .btn-custom-blue, .btn-custom-red, .btn-custom-orange, .btn-custom-green, .btn-custom-black { font-weight: bold; } /* 4.3 Twitter Bootstrap style buttons */ /* 5.0 Navigation -------------------------------------------------------------- */ /* 5.1 Links */ /* 5.1 Links */ /* Default link colors, if used in alerts, would not comply with accessibility text contrast requirements, that's why * it's better to use "alert-link" class for the links inside alert boxes. */ a { color: #1A778C; text-decoration: none; } a:visited { color: #1A778C; text-decoration: none; } a:hover, a:active, a:focus { color: #1A778C; text-decoration: underline; } a:hover, a:active { outline: 0; } a:focus { outline:0; } /* breadcrumb links */ #breadcrumbs { font-size:10px; font-size:.625rem; line-height:13px; line-height:.8125rem; font-weight:normal; font-style:italic; margin:9px 0 0px 0; } #breadcrumbs a, #breadcrumbs a:visited { color:#666666; text-decoration:none; } #breadcrumbs a:active, #breadcrumbs a:hover { text-decoration:underline; } .page-id-4 #breadcrumbs a:active, .page-id-4 #breadcrumbs a:hover, .parent-pageid-4 #breadcrumbs a:active, .parent-pageid-4 #breadcrumbs a:hover, .grandparent-pageid-4 #breadcrumbs a:active, .grandparent-pageid-4 #breadcrumbs a:hover { color:#176BB1; } .page-id-6 #breadcrumbs a:active, .page-id-6 #breadcrumbs a:hover, .parent-pageid-6 #breadcrumbs a:active, .parent-pageid-6 #breadcrumbs a:hover, .grandparent-pageid-6 #breadcrumbs a:active, .grandparent-pageid-6 #breadcrumbs a:hover { color:#772953; } .page-id-8 #breadcrumbs a:active, .page-id-8 #breadcrumbs a:hover, .parent-pageid-8 #breadcrumbs a:active, .parent-pageid-8 #breadcrumbs a:hover, .grandparent-pageid-8 #breadcrumbs a:active, .grandparent-pageid-8 #breadcrumbs a:hover { color:#D95E00; } .page-id-10 #breadcrumbs a:active, .page-id-10 #breadcrumbs a:hover, .parent-pageid-10 #breadcrumbs a:active, .parent-pageid-10 #breadcrumbs a:hover, .grandparent-pageid-10 #breadcrumbs a:active, .grandparent-pageid-10 #breadcrumbs a:hover { color:#008576; } .page-id-1831 #breadcrumbs a:active, .page-id-1831 #breadcrumbs a:hover, .parent-pageid-1831 #breadcrumbs a:active, .parent-pageid-1831 #breadcrumbs a:hover, .grandparent-pageid-1831 #breadcrumbs a:active, .grandparent-pageid-1831 #breadcrumbs a:hover { color:#176BB1; } .page-id-12 #breadcrumbs a:active, .page-id-12 #breadcrumbs a:hover, .parent-pageid-12 #breadcrumbs a:active, .parent-pageid-12 #breadcrumbs a:hover, .grandparent-pageid-12 #breadcrumbs a:active, .grandparent-pageid-12 #breadcrumbs a:hover { color:#4F2D7F; } .page-id-15 #breadcrumbs a:active, .page-id-15 #breadcrumbs a:hover, .parent-pageid-15 #breadcrumbs a:active, .parent-pageid-15 #breadcrumbs a:hover, .grandparent-pageid-15 #breadcrumbs a:active, .grandparent-pageid-15 #breadcrumbs a:hover { color:#AA272F; } .page-id-18 #breadcrumbs a:active, .page-id-18 #breadcrumbs a:hover, .parent-pageid-18 #breadcrumbs a:active, .parent-pageid-18 #breadcrumbs a:hover, .grandparent-pageid-18 #breadcrumbs a:active, .grandparent-pageid-18 #breadcrumbs a:hover { color:#AEA400; } .page-id-19 #breadcrumbs a:active, .page-id-19 #breadcrumbs a:hover, .parent-pageid-19 #breadcrumbs a:active, .parent-pageid-19 #breadcrumbs a:hover, .grandparent-pageid-19 #breadcrumbs a:active, .grandparent-pageid-19 #breadcrumbs a:hover { color:#006983; } /* 5.2 Menus */ .codacNav { position:relative; z-index:1; display:block; clear:both; padding:100px 0 0 0; padding:6.25rem 0 0 0; background:transparent; margin-top:0; } #nav { width:100%; } #nav > a { display: none; } #nav > a { position: absolute; z-index:10; top:31px; right:21px; float:none; width: 31px; height: 27px; text-align: left; text-indent: -9999px; background:url(images/nav-bars-bg.gif) no-repeat left top; margin:0 0 0 0; border:1px solid #808080; } #nav:not( :target ) > a:first-of-type, #nav:target > a:last-of-type { display: block; } #nav .menu-main-container > .sf-menu { display:none; position:absolute; float:none; left:0; top:100px; top:6.25rem; height:auto; width:100%; background-color:#FFFFFF; } #nav:target .menu-main-container > .sf-menu { display: block; } /* superfish menu essential styles */ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; display:block; background:transparent; } .sf-menu li { position: relative; } .sf-menu ul { position: absolute; display: none; top: 100%; left: 0; z-index: 990000; border-top:0 solid none; } .sf-menu > li { float: left; } .sf-menu li:hover > ul, .sf-menu li.sfHover > ul { display: block; } .sf-menu a { display: block; position: relative; } .sf-menu ul ul { top: 0; left: 100%; } /* End Essential Styles */ /* Begin CODAC Skin */ .sf-menu { display:table; z-index:90000; font-family: Arial,Helvetica,sans-serif; font-size:13px; font-size:.8125rem; line-height:16px; line-height:1rem; font-weight:bold; width:100%; background-color:#FFFFFF; margin:0 auto 0 auto; } .sf-menu li.menu-item-25 ul, .sf-menu li.menu-item-24 ul { left: 0; right:auto; } .sf-menu li > a { display:block; box-sizing:border-box; width:100%; height:37px; height:2.3125rem; text-decoration: none; text-align:left; color:#FFFFFF; padding:9px 22px 0 22px; padding:.5625rem 1.375rem 0 1.375rem; margin-bottom:0; border-bottom:3px solid #FFFFFF; } .sf-menu a { color: #FFFFFF; } .sf-menu > li.select > a, .sf-menu > li.active > a, .sf-menu > li:hover > a, .sf-menu > li.sfHover > a { color:#FFFFFF; } .sf-menu > li, .sf-menu > li:visited { display: block; float: none; position: relative; } .sf-menu > li.select, .sf-menu > li.active, .sf-menu > li:hover, .sf-menu > li.sfHover { } .sf-menu li.menu-item-902, .sf-menu li.menu-item-1852, .sf-menu li.menu-item-30, .sf-menu li.menu-item-29, .sf-menu li.menu-item-28, .sf-menu li.menu-item-27, .sf-menu li.menu-item-26, .sf-menu li.menu-item-25, .sf-menu li.menu-item-24 { width:100%; } .sf-menu li.menu-item-902 > a { background-color:#1A778C; white-space: nowrap; } .sf-menu li.menu-item-30 > a { background-color:#7FB3BF; white-space: nowrap; border-left:0 solid transparent; } .sf-menu li.menu-item-29 > a { background-color:#4D96A6; white-space: nowrap; border-left:0 solid transparent; } .sf-menu li.menu-item-28 > a { background-color:#1A778C; white-space: nowrap; border-left:0 solid transparent; } .sf-menu li.menu-item-1852 > a { background-color:#4D96A6; white-space: nowrap; border-left:0 solid transparent; } .sf-menu li.menu-item-27 > a { background-color:#7FB3BF; white-space: nowrap; border-left:0 solid transparent; } .sf-menu li.menu-item-26 > a { background-color:#4D96A6; white-space: nowrap; border-left:0 solid transparent; } .sf-menu li.menu-item-25 > a { background-color:#1A778C; white-space: nowrap; border-left:0 solid transparent; } /* begin drop downs */ .sf-menu ul { display:block; position:relative; box-sizing:border-box; width:100%; white-space:nowrap; padding-top:14px; padding-top:.875rem; padding-bottom:14px; padding-bottom:.875rem; background-color:rgba(255,255,255, 1); } .sf-menu ul li { display:block; float:none; clear:both; } .sf-menu ul li a { display:block; box-sizing:border-box; height:auto; text-align:left; color:#666666; padding:9px 36px 9px 23px; padding:.5625rem 2.25rem .5625rem 1.4375rem; margin-bottom:0; border-bottom:0 solid transparent; } .sf-menu ul li:active a, .sf-menu ul li:hover a, .sf-menu ul li.sfHover a { color:#FFFFFF; } .sf-menu ul li.current-menu-item a { color:#FFFFFF; } .sf-menu li ul li:hover > a, .sf-menu li ul li.sfHover > a, .sf-menu li ul li.current-menu-item a { background-color:#7B6D65; } .sf-arrows .sf-with-ul:after { display:none; } .sub-menu .menu-item-has-children > a:after, .sub-menu .page_item_has_children > a:after { content: "\f078"; /* fa-chevron-right */ position: absolute; right: 11px; top: 10px; font-size: 10px; font-size: 0.625rem; text-decoration: none; } /* begin third gen drop downs */ .sf-menu ul ul { position:relative; top: 100%; left: 0; font-weight:normal; font-style:italic; padding-top:8px; padding-top:0.5rem; padding-bottom:3px; padding-bottom:.1875rem; background:transparent; } .sf-menu ul li li a, .sf-menu ul li.current-menu-item li a { color:#666666; background-color:transparent; padding:9px 36px 9px 23px; padding:.5625rem 2.25rem .5625rem 1.4375rem; } .sf-menu li.menu-item-902 ul li.current-menu-item li a, .sf-menu li.menu-item-902 ul li li a, .sf-menu li.menu-item-1852 ul li.current-menu-item li a, .sf-menu li.menu-item-1852 ul li li a, .sf-menu li.menu-item-30 ul li.current-menu-item li a, .sf-menu li.menu-item-30 ul li li a, .sf-menu li.menu-item-29 ul li.current-menu-item li a, .sf-menu li.menu-item-29 ul li li a, .sf-menu li.menu-item-28 ul li.current-menu-item li a, .sf-menu li.menu-item-28 ul li li a, .sf-menu li.menu-item-27 ul li.current-menu-item li a, .sf-menu li.menu-item-27 ul li li a, .sf-menu li.menu-item-26 ul li.current-menu-item li a, .sf-menu li.menu-item-26 ul li li a, .sf-menu li.menu-item-25 ul li.current-menu-item li a, .sf-menu li.menu-item-25 ul li li a, .sf-menu li.menu-item-24 ul li.current-menu-item li a, .sf-menu li.menu-item-24 ul li li a { color:#666666; background-color:transparent; } .sf-menu li ul li li:hover a, .sf-menu li ul li li.sfHover a, .sf-menu li ul li.current-menu-item li:hover a, .sf-menu li ul li.current-menu-item li.sfHover a, .sf-menu li ul li li.current-menu-item a { color:#7B6D65; background-color:transparent; text-decoration:underline; } /* End CODAC Skin */ /* Tip10 - Add Twenty Thirteen search form to WordPress nav menu */ .menu-item.menu-item-search { float: right; margin: 4px 0 0 0; margin: 0.25rem 0 0 0; } /* header search area */ .site-header .siteSearch { position:absolute; z-index:10; top:28px; right:61px; /* border-right:3px solid #333333; border-left:3px solid #333333; */ } .site-header input[type="search"] { -webkit-appearance: textfield; padding-right: 2px; /* Don't cut off the webkit search cancel button */ width: 180px; } .site-header input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } .site-header .search-form input[type="search"], .site-header .search-form input[type="text"] { float:right; background-color: transparent; background-image: url(images/search-btn-bg.gif); background-position:right center; background-repeat: no-repeat; background-size: 29px 25px; border: none; cursor: pointer; height: 25px; margin: 3px 0; padding: 0 29px 0 0; position: relative; -webkit-transition: width 400ms ease, background 400ms ease; transition: width 400ms ease, background 400ms ease; width: 0; border-radius: 0; border:1px solid #808080; } .site-header .search-form input[type="search"]:focus, .site-header .search-form input[type="text"]:focus { background-color: #FFFFFF; border: 1px solid #9F9F9F; cursor: text; outline: 0; width: 180px; padding-left:10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .site-header .widget_search label, .widget_search .search-field { font-size: 13px; font-weight:bold; } .site-header .search-form input[type="submit"] { display: none; width:29px; height:25px; } /* Hide top menu search in child themes for the mobile menu */ .menu-item.menu-item-search { display: none; } /* Tip86 - Style social icons manualy added in the sidebar. Check also media queries for additional styles. */ .widget-area .widget .social-link { font-size: 30px; font-size: 1.875rem; /* Increasing spacing for tap targets */ line-height: 1.2; margin: 0 24px 24px 0; margin: 0 1.5rem 1.5rem 0; vertical-align: middle; } .widget-area .widget a.social-link, .widget-area .widget a .social-link, .widget-area .widget a:visited.social-link, .widget-area .widget a:visited .social-link { color: #777; } .widget-area .widget a:hover.social-link, .widget-area .widget a:hover .social-link, .widget-area .widget a:active.social-link, .widget-area .widget a:active .social-link { color: #ff6111; } /* 5.3 Post, archive navigation */ /* Tip27 - Uncomment next code line to disable "previous article - next article" navigation below the content of a post */ /* .post-navigation { display: none; } */ /* Tip88 - Customize color scheme: Navigation links for archive and single views (Previous, Next page of articles and article) */ /* 6.0 Accessibility -------------------------------------------------------------- */ /* Text meant only for screen readers */ /* 7.0 Alignments -------------------------------------------------------------- */ .alignleft { display:block; float: none; } .carfInfo .alignleft { float:left; margin:0 15px 0 0; margin:0 .9375rem 0 0; } .alignright { display:block; float: none; } /* 8.0 Clearings -------------------------------------------------------------- */ /* 9.0 Widgets -------------------------------------------------------------- */ /* 9.1 General widget styles */ #secondary { border-top: 0px solid #ededed; background: transparent; background-image: none; margin: -2px 0 24px 0; margin: -.125rem 0 1.5rem 0; padding: 0; } .search #secondary, .error404 #secondary { margin-top:16px; margin-top:1em; } .template-front-page #secondary { margin:28px 0 24px 0; margin:1.75rem 0 1.5rem 0; } .site-footer .widget-area { margin: 0 0 0 0; margin: 0 0 0 0; } /* 9.2 Specific widget styles */ /* home page slider */ #sliderWrapper { position:relative; width:100%; height:auto; margin:0; padding:0; overflow:hidden; } #mainSlider { width:100%; height:auto; margin:0; padding:0; overflow:hidden; } #mainSlider ul { list-style-type:none; margin:0 0 0 0; } #mainSlider li { display:block; position:relative; width:100%; height:auto; } .slideBg { position:relative; width:100%; height:137px; height:8.5625rem; background-repeat:no-repeat; background-position:left top; background-size:auto 137px; } .slideTextWrapper { display:block; position:relative; top:auto; right:auto; width:100%; height:auto; padding-bottom:24px; padding-bottom:1.5rem; } .slideText { display:table-cell; vertical-align:middle; } .slideText p { font-family:Arial, Helvetica, sans-serif; font-size:20px; font-size:1.25rem; line-height:25px; line-height:1.5625rem; font-weight:normal; color:#FFFFFF; padding: 8px 20px 10px 20px; padding:.5rem 1.25rem .625rem 1.25rem; margin:0 0 0 0; } .numericControls { position:absolute; width:180px; height:15px; bottom:9px; right:50%; padding:0; margin:0 -90px 0 0; } .numericControls li { display:inline-block; float:left; margin-left:26px; background-image:url(images/controls-bg.png); background-repeat:no-repeat; background-position:left top; } .numericControls li:first-child { margin-left:0; } .numericControls li.current { background-position:left -15px; } .numericControls li a { display:block; width:15px; height:15px; text-indent:-90000px; overflow:hidden; } /* end home page slider */ /* begin sidebar download and social styles */ #dlsocial { padding-top:20px; padding-top: 1.25rem; /* padding-bottom:11px; padding-bottom:.6875rem; */ } .template-front-page #dlsocial { padding-bottom:21px; padding-bottom:1.3125rem; } /* download button styles */ .dlbrochure { display:inline-block; float:left; border:1px solid #000000; background:#176BB1; margin-right:8px; margin-right:.5rem; margin-bottom:11px; margin-bottom:.6875rem; } .page-id-4 .dlbrochure , .parent-pageid-4 .dlbrochure, .grandparent-pageid-4 .dlbrochure { background:#176BB1; } .page-id-6 .dlbrochure , .parent-pageid-6 .dlbrochuree, .grandparent-pageid-6 .dlbrochure { background:#772953; } .page-id-8 .dlbrochure , .parent-pageid-8 .dlbrochure, .grandparent-pageid-8 .dlbrochure { background:#D95E00; } .page-id-10 .dlbrochure , .parent-pageid-10 .dlbrochure, .grandparent-pageid-10 .dlbrochure { background:#008576; } .page-id-12 .dlbrochure , .parent-pageid-12 .dlbrochure, .grandparent-pageid-12 .dlbrochure { background:#4F2D7F; } .page-id-15 .dlbrochure , .parent-pageid-15 .dlbrochure, .grandparent-pageid-15 .dlbrochure { background:#AA272F; } .page-id-17 .dlbrochure , .parent-pageid-17 .dlbrochure, .grandparent-pageid-17 .dlbrochure { background:#AEA400; } .page-id-19 .dlbrochure , .parent-pageid-19 .dlbrochure, .grandparent-pageid-19 .dlbrochure { background:#006983; } /* sidebar social links */ .socialSidebar { float:left; white-space:nowrap; padding:3px 0 0 0 0; margin-bottom:11px; margin-bottom:.6875rem; } .socialSidebar ul { white-space:nowrap; margin:0 0 0 0; padding:0 0 0 0; } .socialSidebar li { display:inline-block; float:left; width:31px; height:32px; margin:0 0 0 6px; } .socialSidebar li:first-child { margin:0 0 0 0; } .socialSidebar a { display:block; width:31px; height:32px; text-indent:-900000px; overflow:hidden; background-repeat:no-repeat; background-position:left top; } .socialSidebar a.facebook { background-image: url(images/icon-facebook-sb.gif); } .socialSidebar a.twitter{ background-image: url(images/icon-twitter-sb.gif); } .socialSidebar a.linkedin { background-image: url(images/icon-linkedin-sb.gif); } /* Facebook widget */ #fbWidget { width:100%; height:2.375rem; background-color:#1a778c; border-top: 1px solid black; border-left: 1px solid black; border-right: 1px solid black; clear:both; } /* Tip53 - Change vertical spacing between lines in Recent Posts widget. If your post titles are rather short, 12px will be a good choice */ /* Styles for Categories and Pages widgets */ /* 9.3 Footer widget styles */ /* Four footer widget areas. Additional styles at 15.0 Media queries */ #footer-widgets { width: 100%; border-top: none; margin-bottom: 0; } #footer-widgets.three #footer-widget-left, #footer-widgets.three #footer-widget-middle, #footer-widgets.three #footer-widget-right { width: 100%; float: none; padding-left: 0; padding-right: 0; padding-top: 1em; } #footer-widgets.three #footer-widget-left { padding-top:0; } #footer-widgets.three #footer-widget-middle { clear:both; } #footer-widgets a, #footer-widgets a:visited { color: #555; text-decoration: none; } #footer-widgets a:hover, #footer-widgets a:active, #footer-widgets a:focus { color: #dd3811; text-decoration: underline; } #copyright-widget, #copyright-widget .widget, #copyright-widget .widget div { display: inline; } #copyright-widget section { margin-left: 0; padding-bottom: 0; list-style-type: none; } #copyright-widget .textwidget:before , #copyright-widget .textwidget:after { content: none; } #copyright-widget a, #copyright-widget a:visited { text-decoration: underline; } /* Four footer widget areas. Additional styles at 15.0 Media queries */ /* 10.0 Header -------------------------------------------------------------- */ /* 10.1 Site Header */ .site-header { position:relative; } .site-header .site-branding { display:block; position:absolute; z-index:10; float:none; height:auto; margin-left:0; top:11px; top:.6875rem; left:18px; left:1.125rem; } #site-title-wrapper { float: none; padding-top: 0; } .site-header .site-title { display:block; overflow:hidden; width:167px; height:74px; font-weight: normal; font-size: 16px; font-size: 1rem; line-height: 1.5; margin-bottom: 0; background:url(images/logo-hd-med.gif) no-repeat left top; } .site-header .site-title a { display:block; overflow:hidden; text-indent:-9000000px; width:193px; height:50px; } .site-header .site-description { display:none; } .site-header #crisisHeader { display:none; z-index:10; } .site-header #crisisFooter { display:block; } .site-header #crisisHeader p, .site-header #crisisFooter p { font-family: Arial, Helvetica, sans-serif; font-size:20px; font-size:1.25rem; line-height:24px; line-height:1.5rem; font-weight:bold; color:#666666; margin:0 0 0 0; } .site-header .utilityMenu { display:none; z-index:10; } .site-footer .utilityMenu { display:block; } .site-footer .widget-area .widget p.crisisNumber { font-family: Arial, Helvetica, sans-serif; font-size:20px; font-size:1.25rem; line-height:24px; line-height:1.5rem; font-weight:bold; color:#666666; text-align:center; margin:0 auto 0 auto; } .site-header .utilityMenu ul { display:block; float:right; clear:both; margin:0 0 0 0; padding:0 0 0 0; width:305px; } .site-footer .utilityMenu ul { display:table; float:none; clear:both; margin:0 auto 20px auto; margin:0 auto 1.25rem auto; padding:0 0 0 0; } .site-footer .utilityMenu ul + ul { width:100%; } .site-footer .utilityMenu ul + ul { width:auto; } .site-footer .utilityMenu li { display:inline-block; float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-size:..6875rem; line-height:22px; line-height:1.375rem; font-weight:bold; /* margin:0 0 0 22px; margin:0 0 0 1.375rem; */ margin:0 0 0 34px; margin:0 0 0 2.125rem; color:#666666; } .site-header .utilityMenu ul li:last-child { /* float:right; margin-left:0; */ } .site-header .utilityMenu li:first-child, .site-header .utilityMenu .topline li:first-child, .site-footer .utilityMenu li:first-child { margin-left:0; } .site-header .utilityMenu a, .site-footer .utilityMenu a { color:#666666; text-decoration:none; } .site-header .utilityMenu a:active, .site-header .utilityMenu a:hover, .site-footer .utilityMenu a:active, .site-footer .utilityMenu a:hover { text-decoration:underline; } /* Tip14 - Site Logo plugin/feature support. Check: inc/plugin-compatibility.php for more details. */ /* Enable Site Logo in mobile view */ /* Tip06 - Custom headers for posts and pages. Uncomment following CSS rules to disable border and shadow on main header: */ .sectionImage { width:100%; padding-bottom:3px; } .page-id-4 .sectionImage , .parent-pageid-4 .sectionImage, .grandparent-pageid-4 .sectionImage { border-bottom:10px solid #7b6d65; } .page-id-6 .sectionImage , .parent-pageid-6 .sectionImage, .grandparent-pageid-6 .sectionImage { border-bottom:10px solid #7b6d65; } .page-id-8 .sectionImage , .parent-pageid-8 .sectionImage, .grandparent-pageid-8 .sectionImage { border-bottom:10px solid #7b6d65; } .page-id-10 .sectionImage , .parent-pageid-10 .sectionImage, .grandparent-pageid-10 .sectionImage { border-bottom:10px solid #7b6d65; } .page-id-1831 .sectionImage , .parent-pageid-1831 .sectionImage, .grandparent-pageid-1831 .sectionImage { border-bottom:10px solid #7b6d65; } .page-id-12 .sectionImage , .parent-pageid-12 .sectionImage, .grandparent-pageid-12 .sectionImage { border-bottom:10px solid #7b6d65; } .page-id-15 .sectionImage , .parent-pageid-15 .sectionImage, .grandparent-pageid-15 .sectionImage { border-bottom:10px solid #7b6d65; } .page-id-17 .sectionImage , .parent-pageid-17 .sectionImage, .grandparent-pageid-17 .sectionImage { border-bottom:10px solid #7b6d65; } .page-id-19 .sectionImage , .parent-pageid-19 .sectionImage, .grandparent-pageid-19 .sectionImage { border-bottom:10px solid #7b6d65; } img.header-image, .site-header img.wp-post-image { width:100%; height:auto; margin-top: 0; } img.header-image, .site-header img.wp-post-image { border-radius: 0; box-shadow: none; } /* Tip12 - Uncomment following CSS rules to have classic Twenty Twelve front page look - disable header image for the Front Page Templ.: */ /* 11.0 Content -------------------------------------------------------------- */ body { margin-top: 0; } /* 11.1 Posts and pages */ .site { padding:0 0 0 0; } .site-content { padding:0 20px 0 20px; padding:0 1.375rem 0 1.375rem; } .content-area { margin:10px 0 24px 0; margin:.625rem 0 1.5rem 0; } .template-front-page .content-area { margin:24px 0 24px 0; margin:1.5rem 0 1.5rem 0; } /* Tip25b - Disable special icons, that marks the links that will open in a new window */ .entry-content .fa-external-link { display: none; } /* Tip26b - Comment out next CSS rule to Print HTML bellow post title with meta information (date/time and author) * for the index/archive views in MOBILE view. */ /* Tip30 - Uncomment next CSS block to hide entry meta section, located below the post (with author, categories, tags) * in the Index page and archive listings. */ .entry-content, .entry-summary { text-align:left; } .entry-content h1, .entry-summary h1, .page-content h1, .comment-content h1 { margin: 0 0 5px 0; margin: 0 0 .3125rem 0; color: #000000; } .entry-content h2, .entry-summary h2, .page-content h2, .comment-content h2, .entry-content h3, .entry-summary h3, .page-content h3, .comment-content h3, .entry-content h4, .entry-summary h4, .page-content h4, .comment-content h4, .entry-content h5, .entry-summary h5, .page-content h5, .comment-content h5, .entry-content h6, .entry-summary h6, .page-content h6, .comment-content h6 { margin: 0 0 4px 0; margin: 0 0 .25rem 0; color: #000000; color: #666666; } .entry-content h2, .entry-summary h2, .page-content h2, .comment-content h2 { padding:11px 0 0 0; padding:.6875rem 0 0 0; } .entry-content h3, .entry-summary h3, .page-content h3, .comment-content h3 { padding:8px 0 0 0; padding:.5rem 0 0 0; } .entry-content h1, .entry-summary h1, .page-content h1, .comment-content h1 { font-size: 18px; font-size: 1.125rem; line-height: 22px; line-height: 1.375rem; font-weight: normal; } .page-title { color: #000000; font-size: 18px; font-size: 1.125rem; font-weight: normal; line-height: 22px; line-height:1.375rem; text-transform: none; padding-top:14px; padding-top:.875rem; } .entry-content h2, .entry-summary h2, .page-content h2, .comment-content h2, .mu_register h2 { font-size: 16px; font-size: 1rem; line-height: 20px; line-height: 1.25rem; font-weight: normal; } .mu_register h2 { color: #000000; font-weight: normal; } .entry-content h3, .entry-summary h3, .page-content h3, .comment-content h3 { font-size: 16px; font-size: 1rem; line-height: 20px; line-height: 1.25rem; } .entry-meta h3 { color: #000000; margin: 0 0 0 0; font-size: 16px; font-size: 1rem; line-height: 20px; line-height: 1.25rem; } .entry-content h4, .entry-summary h4, .page-content h4, .comment-content h4 { font-size: 14px; font-size: .875rem; line-height: 18px; line-height: 1.125rem; } .entry-content h5, .entry-summary h5, .page-content h5, .comment-content h5 { font-size: 14px; font-size: .875rem; line-height: 18px; line-height: 1.125rem; font-weight:bold; } .entry-content h6, .entry-summary h6, .page-content h6, .comment-content h6 { font-size: 12px; font-size: 0.75rem; line-height:16px; line-height:1rem; } .entry-content { font-size: 12px; font-size:.75rem; line-height:14px; line-height: .875rem; } .entry-content p, .entry-summary p, .comment-content p, .mu_register p { margin: 0 0 14px 0; margin: 0 0 .875rem 0; } .single .entry-content p, .single .entry-summary p, .single .comment-content p, .single .mu_register p, .page .entry-content p, .page .comment-content p { margin: 0 0 14px 0; margin: 0 0 .875rem 0; } .entry-header { margin-bottom: 0; } .entry-header img.wp-post-image { margin-bottom: 5px; margin-bottom: .3125rem; } .entry-header .entry-title { font-size: 18px; font-size: 1.125rem; font-weight: normal; line-height:22px; line-height: 1.375rem; color: #000000; margin-bottom: 5px; margin-bottom: .3125rem; } .entry-header .entry-title a { text-decoration: none; color: #000000; } .entry-header .entry-title a:hover, .entry-header .entry-title a:focus { color: #000000; text-decoration: underline; } .entry-content ul, .comment-content ul, .mu_register ul { margin: 0 0 14px 12px; margin: 0 0 .875rem .75rem; } .entry-content ul.bgmp_list { margin: 0 0 14px 0; margin: 0 0 .875rem 0; } .entry-content p + ul, .comment-content p + ul, .mu_registerp + ul { margin-top: -10px; margin-top: -.625rem; } .entry-content ul + h4 { margin-top: 1.4rem; } .entry-content ol, .comment-content ol { margin: 0 0 14px 12px; margin: 0 0 .875rem 1.375rem; } .entry-content ul ul, .comment-content ul ul, .entry-content ol ol, .comment-content ol ol, .entry-content ul ol, .comment-content ul ol, .entry-content ol ul, .comment-content ol ul { margin: 12px 0 14px 0; margin: .75rem 0 .875rem 0; } .entry-content ul, .comment-content ul, .mu_register ul { list-style-type:none; list-style-position:outside; } .entry-content ol, .comment-content ol { list-style: decimal outside; } .entry-content ul li, .comment-content ul li, .mu_register ul li { margin: 0 0 0 0; padding:0 0 0 9px; padding:0 0 0 .5625rem; background-image:url(images/bullet-ct.png); background-repeat:no-repeat; background-position:left 4px; } .entry-content ul.bgmp_list li { margin: 0 0 0 0; padding:0 0 0 0; background-image:none; } .entry-content ol li, .comment-content ol li, .mu_register ol li { margin: 0 0 0 0; padding:0 0 0 0; background:none; } .pressReleases { box-sizing:border-box; font-size: 12px; font-size:.75rem; line-height:14px; line-height: .875rem; margin: 0 0 48px 0; margin: 0 0 3rem 0; border-bottom:1px solid #CCCCCC; } h2.pressReleaseTable { font-size: 18px; font-size: 1.125rem; font-weight: normal; line-height:22px; line-height: 1.375rem; color: #000000; margin-top:-24px; margin-top:-1.5rem; margin-bottom: 5px; margin-bottom: .3125rem; } .pressReleases .releaseRow { display:block; clear:both; width:100%; font-weight:normal; box-sizing:border-box; padding:0 0 0 0; margin:0 0 0 0; border-top:1px solid #CCCCCC; border-right:1px solid #CCCCCC; border-left:1px solid #CCCCCC; } .pressReleases .releaseRow:nth-child(even) { background:#F7F7F7; } .pressReleases .releaseDate { display:block; width:100%; font-weight:bold; box-sizing:border-box; padding:7px 7px 4px 7px; margin:0 0 0 0; } .pressReleases .releaseTitle { display:block; width:100%; box-sizing:border-box; margin:0 0 0 0; padding:0 7px 10px 7px; } /* Tip33 - Enable hyphenation of text for article. Please note that automatic hyphenation can reduce * accesibility of the theme - it can cause strange pronunciation with screen readers. */ /* Tip36 - Display featured image thumbnail in archive views (index page, categories, etc.) * Image also gets the class "alignright", "aligncenter", etc. via content.php */ .entry-thumbnail .wp-post-image { box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); } /* You can try using these CSS rules if you place small size (thumbnail) image that is aligned to the left */ /* Entry-meta for specific post formats */ /* Author profiles */ /* 11.2 Post Formats */ /* 11.3 Comments */ /* Comment form */ /* 11.4 Page templates */ .template-front-page .content-area article { border: 0; margin-bottom: 0; } /* Use regular (smaller) font size for pages that use Front Page Template */ .template-front-page .page .entry-content { font-size: 12px; font-size: 0.75rem; } .template-front-page .site-content .widget-area { clear: both; float: none; width: 100%; padding-top: 24px; padding-top: 1.5rem; border-top: 0 solid transparent; } .template-front-page .site-content .widget-area .widget li { margin: 8px 0 0; margin: 0.5rem 0 0; font-size: 13px; font-size: 0.8125rem; list-style-type: square; list-style-position: inside; } .template-front-page .site-content .widget-area .widget li a { color: #757575; } .template-front-page .site-content .widget-area .widget li a:hover { color: #dd3811; } .template-front-page .site-content .widget-area .widget_text img { float: none; margin: 0 0 0 0; } .template-front-page #footer-widgets { padding-top: 0; } /* Front page template */ .homeSlider { width:100%; height:150px; /* height:21.875rem; */ background:#999999; } .homeListings { margin:0 0 16px 0; margin:0 0 1rem 0; } .homeListings ul { list-style-type:none; list-style-position:outside; padding:0 0 1px 0; padding:0 0 .0625rem 0; margin:0 0 0 0; } .homeListings li { display:block; box-sizing:border-box; width:100%; padding:0 0 0 109px; padding:0 0 0 6.8125rem; margin:0 0 21px 0; margin:0 0 1.3125rem 0; } .homeListings img { display:block; float:left; margin:5px 0 0 -109px; marign:.3125rem 0 0 -6.8125rem; } .homeListings h3 { clear:none; font-family: Georgia, 'Times New Roman', Times, serif; font-size:16px; font-size:1rem; line-height:20px; line-height:1.25rem; font-weight:normal; color:#000000; marign:0 0 0 0; } .homeListings p { font-size:12px; font-size:.75rem; line-height:14px; line-height:.875rem; margin:0 0 1px 0; margin:0 0 .0625rem 0; } .homeListings a, .homeListings a:visited { font-size:12px; font-size:.75rem; font-style:italic; color:#176BB1; text-decoration:none; } .homeListings a:active, .homeListings a:hover { text-decoration:underline; } /* Links (blogroll) template */ /* 12.0 Footer -------------------------------------------------------------- */ .site-footer { box-sizing:border-box; border-top: 0 solid transparent; font-size: 13px; font-size: 0.8125rem; max-width: 1040px; max-width: 65rem; margin: 0 auto 0 auto; margin: 0 auto 0 auto; padding: 0 10px 10px 10px; padding: 0 .625rem .625rem .625rem; } /* Give extra top padding when footer widgets are present */ .footer-widgets .site-footer { padding-top: 24px; padding-top: 1.5rem; } .site-footer a { color: #666666; } .site-footer a:hover, .site-footer a:focus { color: #666666; text-decoration:underline; } .site-footer { background-color:#FFFFFF; background-image:url(images/footer-bg.gif); background-repeat:repeat-x; background-position:left top; } .site-info, .site-info-2 { font-family: Verdana, Geneva, "DejaVu Sans", sans-serif; font-size: 14px; /* Make tap targets larger to provide a better user experience on mobile devices. */ font-size: 0.875rem; font-weight: normal; } .site-info ul, .site-info-2 ul { margin: 0; } .site-info { clear: both; /* Because footer widgets */ width: 100%; max-width: 700px; max-width: 43.75rem; float: left; } .site-info .fa-wordpress { font-size: 16px; font-size: 1rem; } /* Tip61 - Discreet link to WordPress Admin panel in the footer */ #site-admin-link a { margin-right: 10px; margin-right: 0.625rem; } #site-admin-link a, #site-admin-link a:visited { color: #747474; text-decoration: none; padding: 0 2px 1px 2px; padding: 0 0.125rem 0.0625rem 0.125rem; border: 1px solid #747474; } #site-admin-link a:hover, #site-admin-link a:active, #site-admin-link a:focus { color: #fff; background-color: #757575; } .site-info-2 { width: 100%; max-width: 250px; max-width: 15.625rem; float: right; text-align: right; margin-top: 24px; margin-top: 1.5rem; } .site-info-2 a, .site-info-2 a:visited { color: #222; text-decoration: none; } .site-info-2 a:hover { text-decoration: none; } .site-footer .footerAddress { display:table; margin:0 auto 0 auto; } .site-footer .footerAddressTxt { display:table; margin:0 auto 0 auto; max-width:76%; } .site-footer .footerAddressTxt ul { display:table; margin:0 auto 10px auto; margin:0 auto .625rem auto; } .site-footer .footerAddressTxt p { font-size:10px; font-size:.625rem; text-align:center; } .site-footer .carfInfo { max-width:86%; display:table; margin:0 auto 0 auto; } .site-footer .footerLogo { margin:-14px auto 16px auto; margin:-.875rem auto 1rem auto; } .footerLogo img.alignnone, .footerLogo figure.wp-caption.alignnone { display:block; margin: 0 auto 0 auto; } .site-footer .widget-area .widget p { margin-top:0; margin-bottom: 15px; margin-bottom: .9375rem; } .site-footer .widget-area .widget .footerAddressTxt li { font-size: 12px; font-size: .75rem; line-height: 18px; line-height: 1.125rem; } .site-footer .widget-area .widget p, .widget-area .widget li { font-size: 10px; font-size: .625rem; line-height: 15px; line-height: .9375rem; } .site-footer #menu-footer-links { display:table; width:auto; list-style-type:none; margin:0 auto 40px auto; margin:0 auto 2.5rem auto; } .site-footer #menu-footer-links li { display:inline-block; float:left; font-size:12px; font-size:.75rem; line-height:15px; line-height:.9375rem; text-transform:none; margin:0 0 0 20px; margin:0 0 0 1.25rem; } .site-footer #menu-footer-links li:first-child { margin-left:0; } .site-footer #menu-footer-links a { color:#666666; text-decoration:none; } .site-footer #menu-footer-links a:active, .site-footer #menu-footer-links a:hover { text-decoration:underline; } /* Tip63 - Uncomment following CSS rules to have classic Twenty Twelve front page look - disable footer widgets for the Front Page Templ.: */ /* .template-front-page #footer-widgets { display: none; } */ /* 13.0 Media -------------------------------------------------------------- */ /* Increase size for emoji and smiley icons, so they would look better. */ .page-content .wp-smiley, .page-content .emoji, .entry-content .wp-smiley, .entry-content .emoji, .comment-content .wp-smiley, .comment-content .emoji { height: 1.2em!important; max-height: 1.2em!important; width: 1.2em!important; max-width: 1.2em!important; } /* 13.1 Images */ /* Responsive images */ .avatar, .entry-content img, .comment-content img, .widget img, img.header-image, img.wp-post-image { /* Remove fancy borders to all WordPress-added images but not things like badges and icons and the like */ border-radius: 0; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 rgba(0, 0, 0, 0); } /* Single image attachment view */ /* 13.2 Captions */ /* 13.3 Galleries */ /* 14.0 Other styles -------------------------------------------------------------- */ /* 14.1 Twitter Bootstrap style alerts. Usage: http://getbootstrap.com/components/#alerts */ /* 14.2 Misc. styles */ /* Plugins */ /* 15.0 Media queries -------------------------------------------------------------- */ /* Please note, that all CSS rules, placed outside of media queries, affect all screen sizes - starting from small screens * (mobile phones) and going up to the very wide screens (widescreen monitors, high resolution tablets). Those rules can be * adjusted and overridden, targeting specific screen sizes in media queries bellow. * * Important: lower size media queries will also affect wider screen sizes, e.g. min-width: 770px media query will also affect * screen sizes starting with 960px and 1250px. * * Wondering what are the screen sizes of most popular devices? Check: http://screensiz.es */ /* 15.1 Minimum width of 783 pixels - it is activated at the same time as mobile view of WordPress admin-bar * (small screens - mobile phones, small tablets in portrait view mode) */ @media screen and (min-width: 320px) { .alignleft { float: left; } .alignright { float: right; } } @media screen and (min-width: 400px) { /* 9.2 Specific widget styles */ /* home page slider */ .slideBg { height:260px; height:16.25rem; background-size:auto 100%; } /* end home page slider */ } @media screen and (min-width: 540px) { .homeListings li { display:inline-block; width:47.85932%; } .homeListings li:nth-child(odd) { float:left; clear:both; } .homeListings li:nth-child(even) { float:right; } .pressReleases { box-sizing:border-box; font-size:14px; font-size:.875rem; line-height:18px; line-height:1.125rem; margin: 0 0 48px 0; margin: 0 0 3rem 0; border-bottom:1px solid #CCCCCC; } h2.pressReleaseTable { font-size: 20px; font-size: 1.25rem; line-height: 24px; line-height: 1.5rem; margin: -24px 0 4px 0; margin: -1.5rem 0 .25rem 0; } .pressReleases .releaseDate { display:block; float:left; clear:both; width:15%; font-weight:normal; box-sizing:border-box; padding:7px 7px 7px 7px; margin:0 0 0 0; } .pressReleases .releaseTitle { display:block; float:left; width:85%; box-sizing:border-box; margin:0 0 0 0; padding:7px 7px 7px 7px; border-left:1px solid #CCCCCC; } } @media screen and (min-width: 820px) { /* home page slider */ .homeSlider { width:100%; height:350px; height:21.875rem; } /* sidebar social links */ .socialSidebar { float:right; } /* Tip52 - Adjust default site layout for normal view */ .site-content { padding:0 38px 0 38px; padding:0 2.375rem 0 2.375rem; } .content-area { float: left; width: 67.84232%; } .template-front-page .content-area { margin:24px 0 24px 0; margin:1.5rem 0 1.5rem 0; } .widget-area { float: right; width: 28.22%; } body.template-front-page .content-area { width:67.84232%; } body.attachment .content-area, body.full-width .content-area { width: 100%; } /* Tip14 - Site Logo plugin/feature support. Check: inc/plugin-compatibility.php for more details. */ .site-logo-link { margin: 24px 24px 0 0; margin: 1.5rem 1.5rem 0 0; } .site-logo { } .site-header .site-branding { top:54px; top:1.027rem; left:31px; left:1.9375rem; height:auto; margin-left:0; } .site-header .site-title { width:239px; width:267px; height:62px; height:119px; background:url(images/logo-hd.gif) no-repeat left top; } .site-header .site-title a { width:239px; width:267px; height:62px; height:119px; } #site-title-wrapper { padding-top: 0; margin-bottom: 0; margin-left: 0; } .site-header #crisisHeader { display:block; position:absolute; left:320px; left:20rem; right:auto; top:95px; top:5.9375rem; } .site-header #crisisHeader p, .site-header #crisisFooter p { font-size:13px; font-size:.8125rem; line-height:24px; line-height:1.5rem; } .site-header .utilityMenu { display:block; position:absolute; top:30px; top:1.875rem; right:32px; right:2rem; } .site-header .utilityMenu li { display:inline-block; float:left; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-size:.8125rem; line-height:22px; line-height:1.375rem; font-weight:bold; margin:0 0 0 42px; margin:0 0 0 2.625rem; color:#666666; } .site-header .utilityMenu .topline li { margin:0 0 0 1.625rem; } .site-footer .utilityMenu { display:none; } .site-footer .crisisNumber { display:none; } /* Tip88 - Customize color scheme: Site Title and Description - can also be changed via Admin > Appearance > Customizer */ /* 5.2 Menus */ .codacNav { position:relative; z-index:1; display:block; clear:both; padding:147px 0 0 0; padding:9.1875rem 0 0 0; background:#FFFFFF; } #nav > a { display: none; } #nav:not( :target ) > a:first-of-type, #nav:target > a:last-of-type { display: none; } #nav .menu-main-container > .sf-menu { display:table; position:relative; top:auto; left:auto; width:100%; background-color:#1A778C; border-bottom:4px solid #FFFFFF; } /* superfish menu essential styles */ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; display:block; background:transparent; } .sf-menu li { position: relative; } .sf-menu ul { position: absolute; display: none; top: 100%; left: 0; z-index: 990000; } .sf-menu > li { float: left; } .sf-menu li:hover > ul, .sf-menu li.sfHover > ul { display: block; } .sf-menu a { display: block; position: relative; } .sf-menu ul ul { top: 0; left: 100%; } /* End Essential Styles */ /* Begin CODAC Skin */ .sf-menu { display:table; z-index:90000; font-family: Arial,Helvetica,sans-serif; font-size:11px; font-size:.6875rem; line-height:16px; line-height:1rem; font-weight:bold; width:100%; margin:0 auto 0 auto; } .sf-menu li.menu-item-25 ul, .sf-menu li.menu-item-26 ul { left: auto; right:0; } .sf-menu li > a { display:block; box-sizing:border-box; width:100%; height:40px; height:2.5rem; text-decoration: none; text-align:center; color:#FFFFFF; padding:11px 0 0 0; padding:.6875rem 0 0 0; margin-bottom:0; border-bottom:0 solid transparent; } .sf-menu a { color: #FFFFFF; } .sf-menu > li.select > a, .sf-menu > li.active > a, .sf-menu > li:hover > a, .sf-menu > li.sfHover > a { color:#FFFFFF; } .sf-menu > li, .sf-menu > li:visited { display: table-cell; float: left; position: relative; } .sf-menu > li.select, .sf-menu > li.active, .sf-menu > li:hover, .sf-menu > li.sfHover { } .sf-menu li.menu-item-902 { width:11.73%; } .sf-menu li.menu-item-29 { width:11.73%; } .sf-menu li.menu-item-30 { width:11.923%; } .sf-menu li.menu-item-28 { width:12.212%; } .sf-menu li.menu-item-1852 { width:11.923%; } .sf-menu li.menu-item-27 { width:16.54%; } .sf-menu li.menu-item-25 { width:11.923%; } .sf-menu li.menu-item-26 { float:right; width:12.019%; } .sf-menu li.menu-item-902 > a { background-color:#1A778C; white-space: nowrap; } .sf-menu li.menu-item-30 > a { background-color:#7FB3BF; white-space: nowrap; border-left:4px solid #FFFFFF; } .sf-menu li.menu-item-29 > a { background-color:#4D96A6; white-space: nowrap; border-left:4px solid #FFFFFF; } .sf-menu li.menu-item-28 > a { background-color:#1A778C; white-space: nowrap; border-left:4px solid #FFFFFF; } .sf-menu li.menu-item-1852 > a { background-color:#4D96A6; white-space: nowrap; border-left:4px solid #FFFFFF; } .sf-menu li.menu-item-27 > a { background-color:#7FB3BF; white-space: nowrap; border-left:4px solid #FFFFFF; } .sf-menu li.menu-item-26 > a { background-color:#4D96A6; white-space: nowrap; border-left:4px solid #FFFFFF; } .sf-menu li.menu-item-25 > a { background-color:#1A778C; white-space: nowrap; border-left:4px solid #FFFFFF; } .sf-menu > li.select > a, .sf-menu > li.active > a, .sf-menu > li:hover > a, .sf-menu > li.sfHover > a { background-color:#7B6D65; } /* begin drop downs */ .sf-menu ul { display:block; box-sizing:border-box; width:auto; white-space:nowrap; padding-top:14px; padding-top:.875rem; padding-bottom:14px; padding-bottom:.875rem; background-color:#FFFFFF; background-color:rgba(255,255,255, 0.8); border-top:4px solid #FFFFFF; } .sf-menu ul li { display:block; float:none; clear:both; } .sf-menu ul li a { display:block; box-sizing:border-box; height:auto; text-align:left; color:#666666; padding:4px 36px 5px 23px; padding:.25rem 2.25rem .3125rem 1.4375rem; margin-bottom:0; } .sf-menu ul li:active a, .sf-menu ul li:hover a, .sf-menu ul li.sfHover a { color:#FFFFFF; } .sf-menu ul li.current-menu-item a { color:#FFFFFF; } .sf-menu li ul li:hover > a, .sf-menu li ul li.sfHover > a, .sf-menu li ul li.current-menu-item a { background-color:#7B6D65; } .sf-arrows .sf-with-ul:after { display:none; } .sub-menu .menu-item-has-children > a:after, .sub-menu .page_item_has_children > a:after { content: "\f078"; /* fa-chevron-right */ position: absolute; right: 11px; top: 8px; font-size: 10px; font-size: 0.625rem; text-decoration: none; } /* begin third gen drop downs */ .sf-menu ul ul { position:relative; top: 100%; left: 0; font-weight:normal; font-style:italic; padding-top:1px; padding-top:.0625rem; padding-bottom:3px; padding-bottom:.1875rem; background:transparent; border-top:0 solid transparent; } .sf-menu ul li li a, .sf-menu ul li.current-menu-item li a { color:#666666; background-color:transparent; padding:0 36px 2px 40px; padding:0 2.25rem .125rem 2.5rem; } .sf-menu li.menu-item-902 ul li.current-menu-item li a, .sf-menu li.menu-item-902 ul li li a, .sf-menu li.menu-item-1852 ul li.current-menu-item li a, .sf-menu li.menu-item-1852 ul li li a, .sf-menu li.menu-item-30 ul li.current-menu-item li a, .sf-menu li.menu-item-30 ul li li a, .sf-menu li.menu-item-29 ul li.current-menu-item li a, .sf-menu li.menu-item-29 ul li li a, .sf-menu li.menu-item-28 ul li.current-menu-item li a, .sf-menu li.menu-item-28 ul li li a, .sf-menu li.menu-item-27 ul li.current-menu-item li a, .sf-menu li.menu-item-27 ul li li a, .sf-menu li.menu-item-26 ul li.current-menu-item li a, .sf-menu li.menu-item-26 ul li li a, .sf-menu li.menu-item-25 ul li.current-menu-item li a, .sf-menu li.menu-item-25 ul li li a, .sf-menu li.menu-item-24 ul li.current-menu-item li a, .sf-menu li.menu-item-24 ul li li a { color:#666666; background-color:transparent; } .sf-menu li ul li li:hover a, .sf-menu li ul li li.sfHover a, .sf-menu li ul li.current-menu-item li:hover a, .sf-menu li ul li.current-menu-item li.sfHover a, .sf-menu li ul li li.current-menu-item a { color:#7B6D65; background-color:transparent; text-decoration:underline; } /* .sf-menu li.menu-item-902 ul li li:hover a, .sf-menu li.menu-item-902 ul li li.sfHover a, .sf-menu li.menu-item-902 ul li.current-menu-item li:hover a, .sf-menu li.menu-item-902 ul li.current-menu-item li.sfHover a, .sf-menu li.menu-item-902 ul li li.current-menu-item a { color:#1A778C; background-color:transparent; text-decoration:underline; } .sf-menu li.menu-item-30 ul li li:hover a, .sf-menu li.menu-item-30 ul li li.sfHover a, .sf-menu li.menu-item-30 ul li.current-menu-item li:hover a, .sf-menu li.menu-item-30 ul li.current-menu-item li.sfHover a, .sf-menu li.menu-item-30 ul li li.current-menu-item a { color:#7FB3BF; background-color:transparent; text-decoration:underline; } .sf-menu li.menu-item-29 ul li li:hover a, .sf-menu li.menu-item-29 ul li li.sfHover a, .sf-menu li.menu-item-29 ul li.current-menu-item li:hover a, .sf-menu li.menu-item-29 ul li.current-menu-item li.sfHover a, .sf-menu li.menu-item-29 ul li li.current-menu-item a { color:#4D96A6; background-color:transparent; text-decoration:underline; } .sf-menu li.menu-item-28 ul li li:hover a, .sf-menu li.menu-item-28 ul li li.sfHover a, .sf-menu li.menu-item-28 ul li.current-menu-item li:hover a, .sf-menu li.menu-item-28 ul li.current-menu-item li.sfHover a, .sf-menu li.menu-item-28 ul li li.current-menu-item a { color:#1A778C; background-color:transparent; text-decoration:underline; } .sf-menu li.menu-item-27 ul li li:hover a, .sf-menu li.menu-item-27 ul li li.sfHover a, .sf-menu li.menu-item-27 ul li.current-menu-item li:hover a, .sf-menu li.menu-item-27 ul li.current-menu-item li.sfHover a, .sf-menu li.menu-item-27 ul li li.current-menu-item a { color:#4D96A6; background-color:transparent; text-decoration:underline; } .sf-menu li.menu-item-26 ul li li:hover a, .sf-menu li.menu-item-26 ul li li.sfHover a, .sf-menu li.menu-item-26 ul li.current-menu-item li:hover a, .sf-menu li.menu-item-26 ul li.current-menu-item li.sfHover a, .sf-menu li.menu-item-26 ul li li.current-menu-item a { color:#1A778C; background-color:transparent; text-decoration:underline; } .sf-menu li.menu-item-25 ul li li:hover a, .sf-menu li.menu-item-25 ul li li.sfHover a, .sf-menu li.menu-item-25 ul li.current-menu-item li:hover a, .sf-menu li.menu-item-25 ul li.current-menu-item li.sfHover a, .sf-menu li.menu-item-25 ul li li.current-menu-item a { color:#7FB3BF; background-color:transparent; text-decoration:underline; } .sf-menu li.menu-item-24 ul li li:hover a, .sf-menu li.menu-item-24 ul li li.sfHover a, .sf-menu li.menu-item-24 ul li.current-menu-item li:hover a, .sf-menu li.menu-item-24 ul li.current-menu-item li.sfHover a, .sf-menu li.menu-item-24 ul li li.current-menu-item a { color:#006983; background-color:transparent; text-decoration:underline; } */ /* End CODAC Skin */ /* header search area */ .site-header .siteSearch { position:absolute; z-index:10; top:83px; right:28px; } .site-header input[type="search"] { width: 267px; } .site-header .search-form input[type="search"], .site-header .search-form input[type="text"] { background-color: #FFFFFF; padding: 0 29px 0 10px; width: 267px; border: 1px solid #9F9F9F; } .site-header .search-form input[type="search"]:focus, .site-header .search-form input[type="text"]:focus { width: 267px; } /* home page widget areas */ /* home page slider */ #sliderWrapper { position:relative; width:100%; height:auto; margin:0; padding:0; overflow:hidden; } #mainSlider { width:100%; height:350px; margin:0; padding:0; overflow:hidden; } #mainSlider ul { list-style-type:none; margin:0 0 0 0; } #mainSlider li { display:block; position:relative; width:100%; height:350px; } .slideBg { position:relative; width:100%; height:350px; height:21.875rem; background-repeat:no-repeat; background-position:left top; background-size:auto 100%; } .slideTextWrapper { display:table; position:absolute; top:0; right:0; width:335px; width:20.9375rem; height:350px; height:21.875rem; padding-bottom:0; } .slideText { display:table-cell; vertical-align:middle; } .slideText p { /* font-family:Arial, Helvetica, sans-serif; */ font-size:30px; font-size:1.875rem; line-height:40px; line-height:2.5rem; font-weight:normal; color:#FFFFFF; padding: 1px 45px 10px 55px; padding:.0625rem 2.8125rem .625rem 3.4375rem; } .numericControls { position:absolute; width:180px; height:15px; bottom:15px; right:77px; padding:0; margin:0 0 0 0; } .numericControls li { display:inline-block; float:lefft; margin-left:26px; background-image:url(images/controls-bg.png); background-repeat:no-repeat; background-position:left top; } .numericControls li:first-child { margin-left:0; } .numericControls li.current { background-position:left -15px; } .numericControls li a { display:block; width:15px; height:15px; text-indent:-90000px; overflow:hidden; } /* end home page slider */ .template-front-page .page .entry-content { font-size: 14px; font-size: .875rem; line-height: 18px; line-height: 1.125rem; } .entry-content h1, .entry-summary h1, .page-content h1, .comment-content h1, .page-title { font-weight:bold; margin: 0 0 5px 0; margin: 0 0 .3125rem 0; /* color: #000000; */ color:#11697E; } .entry-content h2, .entry-summary h2, .page-content h2, .comment-content h2, .entry-content h3, .entry-summary h3, .page-content h3, .comment-content h3, .entry-content h4, .entry-summary h4, .page-content h4, .comment-content h4, .entry-content h5, .entry-summary h5, .page-content h5, .comment-content h5, .entry-content h6, .entry-summary h6, .page-content h6, .comment-content h6 { margin: 0 0 4px 0; margin: 0 0 .25rem 0; color: #000000; color: #666666; } .entry-content h1, .entry-summary h1, .page-content h1, .comment-content h1, .page-title { font-size: 26px; font-size: 1.625rem; line-height: 30px; line-height: 1.875rem; } .entry-content h2, .entry-summary h2, .page-content h2, .comment-content h2, .mu_register h2 { font-size: 20px; font-size: 1.25rem; line-height: 24px; line-height: 1.5rem; font-weight:bold; } .entry-content h3, .entry-summary h3, .page-content h3, .comment-content h3 { font-size: 18px; font-size: 1.125rem; line-height: 22px; line-height: 1.375rem; font-weight:bold; } .entry-meta h3 { font-size: 18px; font-size: 1.125rem; line-height: 22px; line-height: 1.375rem; font-weight:bold; } .entry-content h4, .entry-summary h4, .page-content h4, .comment-content h4 { font-size: 16px; font-size: 1rem; line-height: 20px; line-height: 1.25rem; font-weight:bold; } .entry-content h5, .entry-summary h5, .page-content h5, .comment-content h5 { font-size: 16px; font-size: 1rem; line-height: 20px; line-height: 1.25rem; font-weight:normal; } .entry-content h6, .entry-summary h6, .page-content h6, .comment-content h6 { font-size: 14px; font-size: 0.875rem; line-height:18px; line-height:1.1125rem; font-weight:bold; } .entry-content { font-size:14px; font-size:.875rem; line-height:18px; line-height:1.125rem; } .entry-content p, .entry-summary p, .comment-content p, .mu_register p { margin: 0 0 18px 0; margin: 0 0 1.125rem 0; } .single .entry-content p, .single .entry-summary p, .single .comment-content p, .single .mu_register p, .page .entry-content p, .page .comment-content p { margin: 0 0 18px 0; margin: 0 0 1.125rem 0; } .entry-content p + ul, .comment-content p + ul, .mu_registerp + ul { margin-top: -14px; margin-top: -.875rem; } .entry-content ul li, .comment-content ul li, .mu_register ul li { background-position:left 7px; } .entry-content dt:nth-child(3), .comment-content dt:nth-child(3), .mu_register dt:nth-child(3), .entry-content dt:nth-child(3n+4), .comment-content dt:nth-child(3n+4), .mu_register dt:nth-child(3n+4) { background:#F7F7F7; } .entry-content dd:nth-child(4n+4), .comment-content dd:nth-child(4n+4), .mu_register dd:nth-child(4n+4) { background:#F7F7F7; } .entry-header .entry-title { font-weight:normal; font-size: 26px; font-size: 1.625rem; line-height: 30px; line-height: 1.875rem; } .template-front-page .site-content .widget-area { clear: none; float: right; width: 28.22%; padding-top: 24px; padding-top: 1.5rem; border-top: 0 solid transparent; } .template-front-page .site-content .widget-area .widget, .template-front-page.two-sidebars .site-content .widget-area .front-widgets { float: none; width: auto; margin-bottom:inherit; } .template-front-page .site-content .widget-area .widget:nth-child(odd) { clear: none; } .template-front-page .site-content .widget-area .widget:nth-child(even), .template-front-page.two-sidebars .site-content .widget-area .front-widgets + .front-widgets { float: none; width: auto; margin:0; } .template-front-page #text-2.widget { margin-top:0; marign-top:0; } .template-front-page.two-sidebars .site-content .widget, .template-front-page.two-sidebars .site-content .widget:nth-child(even) { float: none; width: auto; } .template-front-page .site-content .widget-area .widget li { margin: 8px 0 0; margin: 0.5rem 0 0; font-size: 13px; font-size: 0.8125rem; list-style-type: square; list-style-position: inside; } .template-front-page .site-content .widget-area .widget li a { color: #757575; } .template-front-page .site-content .widget-area .widget li a:hover { color: #dd3811; } .template-front-page .site-content .widget-area .widget_text img { float: none; margin: 0 0 0 0; } .template-front-page #footer-widgets { padding-top: 0; } /* end home page widget areas */ .home .entry-header .entry-meta, .archive .entry-header .entry-meta { display: none; } /* Tip86 - Style social icons manualy added in the sidebar */ .widget-area .widget .social-link { margin: 0 10px 10px 0; margin: 0 0.625rem 0.625rem 0; } /* 12.0 Footer -------------------------------------------------------------- */ .site-footer { box-sizing:border-box; border-top: 0 solid transparent; font-size: 12px; font-size: 0.75rem; line-height:15px; line-height:.9375rem; max-width: 1040px; max-width: 65rem; margin: 0 auto 0 auto; margin: 0 auto 0 auto; padding: 0 38px 0px 38px; padding: 0 2.375rem 0rem 2.375rem; } /* Give extra top padding when footer widgets are present */ .footer-widgets .site-footer { padding-top: 0; } .site-footer #custom_post_widget-13 { display:table; float:none; width:auto; margin:0 auto 24px auto; margin:0 auto 1.5rem auto; } .site-footer .footerAddress { display:table; width:auto; margin:0 0 0 0; } .site-footer #custom_post_widget-14 { display:block; float:right; width:275px; width:17.1875rem; margin:0 0 0 0; } .site-footer .carfInfo { max-width:100%; display:block; margin:0 0 0 0; } .site-footer .footerLogo { margin:-14px auto 16px auto; margin:-.875rem auto 1rem auto; } .site-footer .widget-area .widget p { margin-top:0; margin-bottom: 15px; margin-bottom: .9375rem; } .site-footer .widget-area .widget p, .widget-area .widget li { font-size: 12px; font-size: .75rem; line-height: 15px; line-height: .9375rem; } .site-footer .widget-area .widget .footerAddressTxt p { font-size:10px; font-size:.625rem; line-height:15px; line-height: .9375rem; } .site-footer #nav_menu-2 { display:table; float:left; width:auto; margin:0 0 0 0; } .site-footer #menu-footer-links { float:left; display:table; width:auto; list-style-type:none; margin:12px 0 0 8%; margin:.75rem 0 0 8%; } .site-footer #menu-footer-links li { font-size:12px; font-size:.75rem; line-height:15px; line-height:.9375rem; } .footer-widgets .site-footer #footer-widgets { margin: 20px 0 0 0; margin: 1.25rem 0 0 0; } #footer-widgets.three #footer-widget-left { display:none; } .footer-widgets .widget-area .widget { word-break: normal; word-wrap: normal; -ms-word-wrap: normal; /* For IE8 */ -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; } } @media screen and (min-width: 860px) { .homeListings li { display:inline-block; width:47.85932%; } .homeListings li:nth-child(odd) { float:left; clear:both; } .homeListings li:nth-child(even) { float:right; } .homeListings h3 { font-size:18px; font-size:1.125rem; line-height:22px; line-height:1.375rem; marign:0 0 3px 0; margin:0 0 .1875rem 0; } .homeListings p { font-size:14px; font-size:.875rem; line-height:15px; line-height:.9375rem; margin:0 0 1px 0; margin:0 0 .0625rem 0; } .homeListings a, .homeListings a:visited { font-size:12px; font-size:.75rem; } } @media screen and (min-width: 900px) { .sf-menu { font-size:13px; font-size:.8125rem; } } @media screen and (min-width: 940px) { .site-header #crisisHeader { display:block; position:absolute; left:334px; left:20.875rem; right:auto; top:95px; top:5.9375rem; } .site-header #crisisHeader p, .site-header #crisisFooter p { font-size:20px; font-size:1.25rem; line-height:24px; line-height:1.5rem; } /* 12.0 Footer -------------------------------------------------------------- */ .site-footer #custom_post_widget-13 { display:block; float:left; width:57%; margin:0 0 0 0; } .site-footer .footerAddress { display:block; margin:0 0 0 0; } .site-footer #custom_post_widget-14 { display:block; float:right; width:275px; width:17.1875rem; margin:0 0 0 0; } .site-footer .carfInfo { max-width:100%; display:block; margin:0 0 0 0; } .site-footer .footerLogo { float:left; margin:-14px 15px 16px 0; margin:-.875rem .9375rem 1rem 0; } .footerLogo img.alignnone, .footerLogo figure.wp-caption.alignnone { display:block; margin: 0 0 0 0; } .site-footer .footerAddressTxt { display:table; margin:0 0 0 0; max-width:100%; } .site-footer .footerAddressTxt ul { display:table; margin:0 0 3px auto; margin:0 0 .1875rem 0; } .site-footer .footerAddressTxt li { display:inline-block; float:left; width:148px; width:9.25rem; } .site-footer .footerAddressTxt p { text-align:left; } .site-footer #nav_menu-2 { display:table; float:left; width:auto; margin:0 0 0 0; } .site-footer #menu-footer-links { display:table; width:auto; list-style-type:none; margin:0 0 0 0; } .site-footer #menu-footer-links li { display:block; float:none; font-size:12px; font-size:.75rem; line-height:15px; line-height:.9375rem; text-transform:none; margin:0 0 0 0; } .site-footer #menu-footer-links li:first-child { margin-left:0; } .site-footer #nav_menu-2 { display:table; float:left; width:auto; margin:0 0 0 0; } .site-footer #menu-footer-links { display:table; width:auto; list-style-type:none; margin:0 0 0 0; } .site-footer #menu-footer-links li { display:block; float:none; font-size:12px; font-size:.75rem; line-height:15px; line-height:.9375rem; text-transform:none; margin:0 0 0 0; } .site-footer #menu-footer-links li:first-child { margin-left:0; } } @media screen and (min-width:960px) { .site-header #crisisHeader { display:block; position:absolute; left:auto; right:397px; right:24.8125rem; top:95px; top:5.9375rem; } .site-header #crisisHeader p, .site-header #crisisFooter p { font-size:20px; font-size:1.25rem; line-height:24px; line-height:1.5rem; } } /* 15.2 Minimum width of 1100 pixels (average size screens - monitors, small tablets in landscape view mode, larger tablets) */ @media screen and (min-width: 1100px) { /* Here you can add specific styles for this screen widh */ body { background-color: #d9d9d9; } body .site { padding: 0 0 0 0; padding: 0 0 0 0; margin-top: 0; margin-top: 0; margin-bottom: 64px; margin-bottom: 4rem; -webkit-box-shadow: 0 0 0 rgba(100, 100, 100, 0); -moz-box-shadow: 0 0 0 rgba(100, 100, 100, 0); box-shadow: 0 0 0 rgba(100, 100, 100, 0); } } /* 15.3 Minimum width of 1240 pixels (big screens - widescreen monitors, high resolution tablets) */ @media screen and (min-width: 1240px) { /* Here you can add specific styles for this screen widh */ } /* 15.4 Retina-specific styles. This style cannot be processed by LESS */ @media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { /* Here you can add specific styles for Retina displays */ } /* 16.0 Print ----------------------------------------------- */ @media print { /* Here you can add specific styles for the printing */ /* 16.1 Comments */ }