/********************************************************************************************* Theme Name: Academica Pro Theme URI: http://www.wpzoom.com/themes/academica-pro/ Version: 1.0 Author: WPZOOM (shared on wplocker.com) Author URI: http://www.wpzoom.com/ License: GNU General Public License v2.0 License URI: http://www.gnu.org/licenses/gpl-2.0.html The PHP code portions of this WPZOOM theme are subject to the GNU General Public License, version 2. All images, cascading style sheets, and JavaScript elements are released under the WPZOOM Proprietary Use License below. ********************************************************************************************** WARNING! DO NOT EDIT THIS FILE! To make it easy to update your theme, you should not edit the styles in this file. Instead use the custom.css file to add your styles. You can copy a style from this file and paste it in custom.css and it will override the style in this file. ********************************************************************************************** 0. CSS Reset ------------------------- All Theme Files 1. Page Structure -------------------- All Theme Files 2. Page Structure: Header ------------- header.php 3. Page Structure: Main Content ------ All Theme Files 4. Page Structure: Individual Blocks -- 5. Single: Post/Page Styling ---------- single.php, page.php 6. Comments Styling ------------------- comments.php 7. Page Structure: Footer ------------ footer.php 8. Miscellaneous ---------------------- 9. Elements: Forms, Buttons ---------- 10. Lightbox effect (ColorBox) styling featured-posts.php 11. Media Queries -------------------- All Theme Files **********************************************************************************************/ /********************************************************************************************* 0. CSS Reset ------------------------- All Theme Files *********************************************************************************************/ /* Reset & General Styling */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } html { font-size: 100%; overflow-y: scroll; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { border: 0; border-top: 1px solid #ccc; display: block; margin: 1em 0; padding: 0; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; } pre, code { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ""; content: none; } small { font-size: 85%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } ul, ol { margin: 0; padding: 0; list-style-position: inside; } ul ul, ol ol, ul ol, ol ul { margin: 0; } ul li {list-style-type: none;} dd { margin: 0 0 0 40px; } nav ul, nav ol, #mainmenu, .part-items { list-style: none; list-style-image: none; margin: 0; padding: 0; } img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } svg:not(:root) { overflow: hidden; } figure, form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } legend { border: 0; *margin-left: -7px; padding: 0; } label { cursor: pointer; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; *overflow: visible; } table button, table input { *overflow: auto; } button, input[type=button], input[type=reset], input[type=submit] { cursor: pointer; -webkit-appearance: button; } input[type=checkbox], input[type=radio] { box-sizing: border-box; } input[type=search] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } input:valid, textarea:valid { } input:invalid, textarea:invalid { background-color: #f0dddd; } table { border-collapse: collapse; border-spacing: 0; } th { text-align: left; } tr, th, td { padding-right: 1.625em; border-bottom: 1px solid #EAE7DE; } td { vertical-align: top; } /* Smart clearfix */ .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } /********************************************************************************************* 1. Page Structure: Common layout elements *********************************************************************************************/ ::-moz-selection{background:#105194; color:#fff; } ::selection{ background:#105194; color:#fff; } a { color: #003366; text-decoration:none; } a:hover { color: #a41d31; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; } a.invert { color: #b9972f; } a.invert:hover { color: #a41d31; } a:focus { outline: none; } a:hover, a:active { outline: none; } body { background-color: #f3f3f3; color: #777; font-family: 'Source Sans Pro', Arial, Tahoma, sans-serif; font-size: 62.5%; line-height: 1.2em; text-align: center; margin: 0; padding: 0; } #container { text-align: center; width: 100%; } div.wrapper { margin: 0 auto; text-align: left; width: 960px; } div.cleaner, div.clear, div.divider { margin:0; clear: both; font-size:1px; height: 1px; line-height: 1px; } div.divider { border-top: solid 1px #e7e7e7; clear: none; margin: 20px 0; } div.divider-notop { margin-top: 0; } h1,h2,h3,h4,h5,h6 { color: #333; margin: 0; } h2 a { color: #003366; } h2 a:hover { color: #cf2626; } /********************************************************************************************* 2. Page Structure: Header *********************************************************************************************/ header { background-color: #fff; padding: 15px 0; } #logo { display: inline; float: left; } #logo h1 { font-size: 28px; font-weight: bold; line-height: 34px; } #logo p { color: #999; font-size: 13px; font-style: italic; margin: 8px 0 0; } /* Top Secondary Menu */ #top-menu { float: right; display: inline; font-size: 14px; font-weight: bold; line-height: 18px; margin-bottom: 18px; } #top-menu a { color: #000; } #top-menu a:hover { color: #a41d31; text-decoration: underline; } #top-menu li { margin-left: 10px; padding-left: 10px; border-left: solid 1px #f1f1f1; float: left; display: inline; } #top-menu li:first-child { padding-left: 0; margin-left: 0; border-left: none; } #top-menu li.social-icons a { margin-right: 6px; } #header-helpful { clear: right; color: #696969; display: inline; float: right; font-size: 13px; line-height: 18px; } #header-helpful .action { display: inline-block; line-height: 20px; padding: 4px 0; } #header-helpful .value { margin-left: 5px; } /* Search form in Main Menu */ div.search-form { display: inline; float: right; margin-left: 20px; } #searchformtop { position: relative; z-index: 10; } #setop { background-color: #f3f3f3; border: solid 1px #e9e9e9; border-right: 0; color: #888; display: inline; float: left; font-size: 11px; margin: 0; padding: 6px 30px 6px 5px; width: 110px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } /* Main Dropdown Menu */ .btn_menu { display:none; } #nav-main-menu { background-color: #00afef !important; border-top: solid 5px #083968; padding: 5px 0 0 !important; position: relative; } #menu-main { min-height: 35px; padding-top: 2px; position:relative; } #menu-main li { display: inline; float: left; font-size: 14px!important; margin: 0 -2px 0 0!important; padding: 0; position: relative; text-transform: uppercase; } #menu-main .cleaner { clear: both; display: block; height: 1px; float: none; font-size: 1px; line-height: 1px; } #menu-main li li { background-color: #333; } #menu-main li.cleaner { font-size: 1px; height: 1px; line-height: 1px; clear: both; float: none; display: block; } #menu-main li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } #menu-main li:last-child { border-right: 0; } #menu-main a:hover, #menu-main li.current-menu-item a, #menu-main a:active, #menu-main li.current-item a { color: #e0c572; } #menu-main li.current-menu-item li a, #menu-main li.current-item li a { color: #aaa; } #nav-main-menu .dropdown ul { position: absolute; top: -999em; width: 170px; /* left offset of submenus need to match (see below) */ background: #272727; border-top: solid 4px #d8b446; margin: 0; padding: 10px 5px; text-align: left; text-transform: none; } #nav-main-menu .dropdown ul li { border-right: 0; border-bottom: solid 1px #444; font-size: 12px; line-height: 22px; margin: 0; padding: 0; text-transform: none; width: 100%; } #nav-main-menu .dropdown ul li a { padding:6px 12px; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-bottom: none; } #nav-main-menu .dropdown ul li a:hover { } #menu-main a { color: #fff; padding: 10px 10px 18px; display: block; position: relative; } #menu-main li li a, #menu-main .current-menu-item li a, #menu-main li .current-menu-item a, #menu-main li li a:hover { background: none; border: none; -moz-box-shadow: none; -webkit-box-shadow: none; } #menu-main li li a { color: #fff; } #menu-main li li a:hover { background-color: #333; color: #00afef; } #nav-main-menu .dropdown li:hover ul, #nav-main-menu .dropdown li.sfHover ul { padding: 0; margin: 0; left: 0; top: 3.4em; /* match top ul list item height */ z-index: 99; } #nav-main-menu ul.dropdown li:hover li ul, #nav-main-menu ul.dropdown li.sfHover li ul { top: -999em; } #nav-main-menu ul.dropdown li li:hover ul, #nav-main-menu ul.dropdown li li.sfHover ul { left: 171px; /* match ul width */ top: 0; } #nav-main-menu ul.dropdown li li:hover li ul, #nav-main-menu ul.dropdown li li.sfHover li ul { top: -999em; } #nav-main-menu ul.dropdown li li li:hover ul, #nav-main-menu ul.dropdown li li li.sfHover ul { left: 171px; /* match ul width */ top: 0; } #nav-main-menu .dropdown li:hover, .dropdown li.sfHover, #nav-main-menu .dropdown a:focus, .dropdown a:hover, .dropdown a:active { outline: 0; } #nav-main-menu .dropdown li ul .sf-sub-indicator { display:inline; } #nav-main-menu .wpzoom-notice { color: #fff; font-size: 12px; margin: 0; padding: 15px 0; } #nav-main-menu .wpzoom-notice a { color: #fff; text-decoration: underline; } /********************************************************************************************* 3. Page Structure: Main *********************************************************************************************/ #main { font-size: 13px; line-height: 1.6em; margin-top: 20px; } #main p { margin-top: 0; } #main .column { display: inline; float: left; margin-right: 2.1276%; } #main .column-narrow { width: 0%; } #main .column-medium { width: 48.9361%; } #main .column-wide { width: 100%; } #main .column-narrow-child { width: 31.4685%; } #main .column-wide-child { margin-right: 2.6573%; width: 65.7342%; } #main .column-last { margin-top:-10px; margin-right: 0 !important; } #main .widget { background-color: #fff; border-right: solid 1px #e1e1e1; border-bottom: solid 1px #e1e1e1; /*margin-bottom: 20px;*/ padding: 15px; } #main .widget-grey { background-color: #bebebe; border-top: solid 6px #a1a1a1; border-right: 0; border-bottom: 0; color: #333; } #main .widget-gold { background-color: #d8b446; border-top: solid 6px #b9972f; border-right: 0; border-bottom: 0; color: #675314; } #main .widget-blue { background-color: #003366; border-top: solid 6px #d8b446; border-right: 0; border-bottom: 0; color: #a7c7e7; } #main .widget-blue a { color: #fff; } #main .widget-blue a:hover { color: #d8b446; } .widget .menu-item { line-height: 24px; } .widget .title, h3#reply-title { color: #003366; font-size: 14px; font-weight: bold; margin:0 0 1em; text-transform: uppercase; } .archive-meta { font-size: 14px; line-height: 1.5em; } .widget-gold .title { color: #fff; } .widget-blue .title { color: #fff; } /* Featured Posts */ #featured-posts { margin-bottom: 20px; position: relative; } .wpzoom-featured-post { position: relative; } .wpzoom-featured-post .post-excerpt { background: #fff; position: absolute; bottom: 0.66%; left: 0.7972%; display:none; max-width: 70%; padding: 1.0979%; z-index: 5; cursor: pointer; zoom: 1; opacity: 0.70; } .wpzoom-featured-post h2 { font-size: 18px; font-weight: bold; line-height: 24px; margin: 0 0 6px; } .wpzoom-featured-post p { margin: 0; } #featured-posts .flex-control-nav { background: transparent url(images/back-slider.png) repeat top left; color: #fff; position: absolute; bottom: 20px; right: 20px; padding: 15px; z-index: 6; } #featured-posts .flex-control-nav li { display: inline; float: left; } #featured-posts .flex-control-nav a { color: #fff; } /********************************************************************************************* 4. Page Structure: Individual Blocks *********************************************************************************************/ div.post-cover { -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; display: none; } div.single-cover img { height: auto; width: 100%; } div.post-cover:hover { zoom: 1; filter: alpha(opacity=60); opacity: 0.6; } .widget .post-cover img { height: auto; max-width: 100%; } .widget .meta-date { color: #b9972f; display: block; font-size: 14px; font-weight: bold; line-height: 1.3em; margin: 0 0 5px; text-align: left; } .widget-blue .meta-date { color: #e1c455; } .widget-gold .meta-date { color: #675314; } .widget-grey .meta-date { color: #fff; } .wpzoom-featured-posts div.post-cover:hover { zoom: 1; filter: alpha(opacity=100); opacity: 1; } /* Main Archive Loop */ .posts-archive .loop-post-simple { border-bottom: solid 1px #e7e7e7; margin-bottom: 20px; } .posts-archive .loop-post { display: inline; float: left; font-size: 13px; line-height: 1.5em; margin-right: 4.5454%; margin-bottom: 5px; width: 47.7272%; } .archives-columns-one .loop-post-single { font-size: 13px; line-height: 1.5em; margin-bottom: 10px; } .archives-columns-one .post-cover { display: inline; float: left; margin-right: 4.3280%; width: 47.8359%; } .archives-columns-one .post-excerpt { display: inline; float: left; overflow: hidden; width: 47.8359%; } .posts-archive-testimonials .post-excerpt { display: block; float: none; width: 100%; } .posts-archive .post-last { margin-right: 0; } .posts-archive .post-cover { margin-bottom: 15px; } .post-cover-full { margin-bottom: 20px; } .posts-archive .post-cover img { height: auto; width: 100%; } .posts-archive h2, .widget-post { font-size: 15px; font-weight: 600; line-height: 1.5em; margin: 0 0 0.6em; overflow: hidden; } .posts-archive .post-meta { font-size: 12px; margin: 0 0 5px; } .posts-archive li.divider { border-top: solid 1px #e7e7e7; clear: both; } .posts-archive .loop-post-border { border-bottom: solid 1px #e7e7e7; margin-bottom: 15px; } /* Testimonials Archive */ .posts-archive .loop-post-testimonial { padding-bottom: 30px; } .loop-post-testimonial .testimonial { background-color: #eaeaea; border-left: solid 6px #dadada; color: #494949; font-size: 16px; line-height: 1.6em; margin: 10px 0; padding: 13px 20px 1px; position: relative; } .widget .loop-post-testimonial .testimonial-widget { border: 0; font-size: 13px; font-style: normal; line-height: 1.5em; margin: 10px 0; padding: 13px 15px 1px; } .widget-grey .loop-post-testimonial .testimonial { background-color: #d7d7d7; border-top: solid 1px #ababab; } .widget-gold .loop-post-testimonial .testimonial { background-color: #e8c762; border-top: solid 1px #b9972f; color: #675314; } .widget-blue .loop-post-testimonial .testimonial { background-color: #184c7f; border-top: solid 1px #336596; color: #fff; } .loop-post-testimonial .testimonial:after { content: ""; position: absolute; bottom: -20px; right: 20px; border-width: 0 0 20px 15px; border-style: solid; border-color: transparent #eaeaea; display: block; width: 0; } .widget-grey .loop-post-testimonial .testimonial:after { border-color: transparent #d7d7d7; } .widget-gold .loop-post-testimonial .testimonial:after { border-color: transparent #e8c762; } .widget-blue .loop-post-testimonial .testimonial:after { border-color: transparent #184c7f; } .posts-archive .loop-post-border:last-child { border-bottom: 0; padding-bottom: 0; } .widget-grey .posts-archive .loop-post-border { border-bottom-color: #afafaf; } .loop-post-testimonial .testimonial p { margin: 0 0 1em; } .loop-post-testimonial .wpzoom-author { font-size: 13px; margin: 10px 20px 0 16px; } /* Featured Category Widget */ .widget .read-more { display: inline; float: right; } .featured-category-widget p { margin: 0; padding: 0; } .featured-category-widget .post-main { display: inline; float: left; font-size: 12px; line-height: 1.5em; margin-right: 4.3280%; width: 47.8359%; } .featured-category-widget .posts-list { display: inline; float: left; width: 47.8359%; } .featured-category-widget .post-secondary { border-bottom: solid 1px #e1e1e1; margin-bottom: 10px; padding-bottom: 10px; } .widget-gold .post-secondary { border-bottom-color: #bd9d3b; } .widget-blue .post-secondary { border-bottom-color: #184775; } .featured-category-widget .post-secondary:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } .posts-list h2 { font-size: 13px; line-height: 1.5em; } /* Custom Menu Widget */ .wpzoom-custom-menu { font-weight: bold; text-transform: uppercase; } .wpzoom-custom-menu .menu-item { font-size: 13px; } .wpzoom-custom-menu .menu-item:last-child { border-bottom: 0; } .wpzoom-custom-menu .sub-menu { font-weight: normal; margin-left: 13px; text-transform: none; } /* Gallery Widget */ .widget.wpzoom { position: relative; } .featured-gallery-widget .slide { display: inline; float: left; margin-right: 2.9612%; width: 22.7790%; } /* Control Nav */ .flex-control-nav {position: absolute; top: 15px; right: 10px; z-index: 100;} .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} .flex-control-paging li a {width: 11px; height: 11px; display: block; background: #aaa; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; } .flex-control-paging li a:hover, .flex-control-paging li a.flex-active { background: #d8b446; } .widget-grey .flex-control-paging li a { background-color: #888; } .widget-grey .flex-control-paging li a:hover, .widget-grey .flex-control-paging li a.flex-active { background-color: #003366; } .widget-blue .flex-control-paging li a { background-color: #a7c7e7; } .widget-blue .flex-control-paging li a:hover, .widget-blue .flex-control-paging li a.flex-active { background-color: #003366; } .widget-gold .flex-control-paging li a { background-color: #b9972f; } .widget-gold .flex-control-paging li a:hover, .widget-gold .flex-control-paging li a.flex-active { background-color: #675314; } /********************************************************************************************* 5. Single: Post/Page Styling *********************************************************************************************/ h1.post-title { color: #003366; font-size: 22px; font-weight: bold; line-height: 1.5em; margin: 0 0 10px; } .post-content { font-size: 14px; line-height: 23px; max-width: 100%; } .full-width .post-content, .post-content iframe, .post-content embed { max-width: 100%; } .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 { font-weight: bold; margin: 12px 0 12px; line-height: 1.25em; } .post-content h1 { font-size: 32px; line-height: 36px; } .post-content h2 { font-size: 26px; line-height: 32px; } .post-content h3 { font-size: 22px; line-height: 26px; } .post-content h4 { font-size: 18px; line-height: 24px; } .post-content h5 { font-size: 16px; line-height: 22px; } .post-content h6 { font-size: 14px; line-height: 20px; } .post-content p { margin-bottom: 1em; } .post-content img { margin-bottom: 20px; } .post-content img.alignnone, .post-content img.aligncenter, .post-content img.alignleft, .post-content img.alignright { max-width: 100%; width:auto; height:auto; } .full-width .post-content img.alignnone, .full-width .post-content img.aligncenter, .full-width .post-content img.alignleft, .full-width .post-content img.alignright { max-width: 100%; width:auto; height:auto; } .post-content ul, .post-content ol { margin: 0 0 1em 1em; } .post-content li ul, .post-content li ol { margin-bottom: 0; } .post-content li { list-style-position: outside; margin-left: 20px; } .post-content ul li { list-style-type: square; } .post-content ol li { list-style-type: decimal; } .post-content blockquote { color:#999; border-left: solid 3px #ececec; padding: 0 15px; margin: 10px; } .post-content a { text-decoration:underline; } .post-content a:hover { cursor: pointer; } .single #main p.post-meta, .page #main p.post-meta { margin-top: 8px; } /********************************************************************************************* 6. Comments ------------------------- comments.php *********************************************************************************************/ div.author-cover { display: inline; float: left; width: 90px; margin: 0 20px 0 0; } div.comment-author div.author-cover { width: 50px; } div.author-cover img { background-color: #fff; border: solid 1px #dadada; padding: 4px; } #comments { clear: both; } #comments .navigation { padding: 0 0 18px 0; } .commentlist { list-style: none; margin: 0; } .commentlist li.comment { border-bottom: 1px solid #e1e1e1; font-size: 12px; line-height: 1.75em; margin: 0 0 20px 0; padding: 0; position: relative; } .commentlist li.comment ul.children {margin-left: 25px; } .commentlist ul.children li { background-color: #f6f6f6; border-bottom: solid 1px #e1e1e1; margin-bottom: 1px; padding: 15px 20px 0; } .commentlist ul.children li:last-child { border-bottom: 0; } #comments .comment-body ul, #comments .comment-body ol { margin-bottom: 18px; } #comments .comment-body p:last-child { margin-bottom: 6px; } #comments .comment-body blockquote p:last-child { margin-bottom: 24px; } .commentlist ol { list-style: decimal; } .comment-author { margin-bottom:3px; } .comment-author cite { color: #B1B1B1; font-weight: bold; font-style:normal; font-size:14px; } .comment-author .says { display:none; } .comment-meta { display: inline; float: right; font-size: 11px; margin: 0; } .comment-meta a:link, .comment-meta a:visited { color: #bbb; text-decoration: none; } .comment-meta a:active, .comment-meta a:hover { color: #333; } .reply { font-size: 12px; padding: 0 0 24px 0; } .commentlist .children { list-style: none; margin: 0; } .commentlist .children li { border: none; margin: 0; } .nopassword, .nocomments { display: none; } #comments .pingback { border-bottom: 1px solid #dedede; margin-bottom: 18px; padding-bottom: 18px; } .commentlist li.comment+li.pingback { margin-top: -6px; } #comments .pingback p { color: #888; display: block; font-size: 12px; line-height: 18px; margin: 0; } #comments .pingback .url { font-size: 13px; font-style: italic; } .comment-notes { display:none; } /* Comments form */ #respond { overflow: hidden; position: relative; } #respond p { margin: 0; } #respond .comment-notes { margin-bottom: 1em; } .form-allowed-tags { line-height: 1em; } .children #respond { margin: 0 48px 0 0; } .commentlist #respond { clear: both; display: block; } #cancel-comment-reply-link { font-size: 12px; font-weight: normal; line-height: 18px; } #respond .required_lab { font-weight: bold; color: #d24355; } #respond label {display: block; font-size: 12px; font-weight: bold; line-height: 30px; } #respond input { margin: 0; } #respond input, #respond textarea { background-color: #f4f4f4; border: solid 1px #e1e1e1; color: #444; font-size: 13px; line-height: 20px; padding: 4px 6px; } #respond textarea { width: 93%; height: 100px; } #respond .form-allowed-tags { display: none; color: #888; font-size: 12px; line-height: 18px; } #respond .form-allowed-tags code { font-size: 11px; } #respond .form-submit { text-align:left; margin-top:10px; } #respond .form_fields { width: 100%; } #respond .form_fields p { margin-bottom:7px; } #respond .form_fields input { width:40%; } /********************************************************************************************* 7. Page Structure: Footer *********************************************************************************************/ footer, #footer-copy { background-color: #003366; border-top: solid 6px #d8b446; color: #d3dde6; font-size: 13px; line-height: 1.5em; margin-top: 30px; padding: 25px 0; } footer { padding-bottom: 0; } footer p, #footer-copy p { margin: 0; } footer .widget p { margin-bottom: 1em; } footer .widget .title { color: #fff; font-size: 12px; font-weight: bold; margin-bottom: 15px; } footer a { color: #d8b446; } footer a:hover { color: #fff; } footer .column { display: inline; float: left; margin-right: 4%; width: 22%; } footer .widget { margin-bottom: 20px; } footer .column-last { margin-right: 0 !important; } #footer-copy { background-color: #022c55; border-top: solid 1px #022344; margin: 0; } #footer-copy .wpzoom { display: inline; float: right; } #footer-copy .wpzoom a { color: #d3dde6; } #footer-copy .wpzoom a:hover { color: #d8b446; } /********************************************************************************************* 8. Miscellaneous *********************************************************************************************/ /* Pagination */ div.navigation {text-align: center; margin-bottom:15px; font-size: 12px; } div.navigation p {margin: 0;} div.navigation a {padding: 7px 10px; line-height: 24px; background-color: #f1f1f1; color: #0d3c6c; } div.navigation .current { font-weight:bold; background-color: #0d3c6c; color: #fff; padding: 7px 10px; line-height: 24px;} div.navigation a:hover { background: none; background-color: #0d3c6c; color: #fff; } /* WPZOOM Twitter Widget */ ul.twitter-list li { border-bottom: solid 1px #ececec; margin-bottom: 8px; padding-bottom: 8px; } .widget-blue ul.twitter-list li { border-bottom-color: #184775; } ul.twitter-list li:last-child { border-bottom: 0; } .twitter-timestamp { color: #999; font-size: 11px; font-style: italic; display: block; } /* Begin Images */ .post-content .aligncenter { display: block; margin-left: auto; margin-right: auto; } .post-content .alignright { margin: 0 0 5px 20px; display: inline; } .post-content .alignleft { margin: 0 20px 5px 0; display: inline; } .alignright { float: right; } .alignleft { float: left } /* Caption for images */ .post-content .wp-caption { background-color: #f9f9f9; border: solid 1px #e9e9e9; padding: 10px 8px; text-align:center; } .post-content .wp-caption img { background:none; margin:0 0 10px; border:0 none; max-width:100%; width:auto; height:auto;} .post-content .wp-caption-text, .gallery-caption { color:#A7A3A3; font-size:11px; line-height: 1.4em; margin:0; padding:4px 0 0; text-align:center; } .post-content .wp-caption.aligncenter { margin:0 auto 15px; } /* [gallery] shortcode styling */ .post-content .gallery { margin: auto; text-align:center; clear:both; } .post-content .gallery .gallery-item {display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; margin: 10px; width: 30%; } .post-content .gallery .gallery-icon { border: solid 4px #f6f3ee; padding: 10px; } .post-content .gallery img { width: 100%; height: auto; margin-bottom: 5px; } .post-content .gallery-caption { margin-left: 0; } /* Social Widget */ .wpzoomSocial li { margin:0 5px 10px 0; } aside .wpzoomSocial li { float:left; display: inline; width: 145px; } .wpzoomSocial li img { margin-right: 5px; } .wpzoomSocial a:hover { text-decoration: none; } /* Recent Comments */ ul.recent-comments-list {margin: 0; padding: 0; font-size: 12px; } .recent-comments-list img.avatar { margin-right: 12px; float: left;} .recent-comments-list li {padding: 0 0 10px; margin:0 0 10px; border-bottom: dotted 1px #ccc; } .recent-comments-list li:last-child { border-bottom: 0; } footer .recent-comments-list li {border-bottom-color: #084582; } /* Recent Posts */ ul.posts-side li { border-bottom: solid 1px #e1e1e1; margin-bottom: 10px; padding-bottom: 10px; } ul.posts-side li:last-child { border-bottom: 0; } footer ul.posts-side li { border-bottom-color: #084582; } ul.posts-side div.cover { float: left; display: inline; margin-right: 10px; } ul.posts-side h2 { font-size: 13px; margin: 0; } ul.posts-side p.post-meta { color: #999; margin: 0; } span.share_btn { display: inline; float: right; } /********************************************************************************************* 9. Elements: Forms, Buttons *********************************************************************************************/ div.widget input#s { float: left; display: inline; border: solid 1px #ccc; background-color: #fff; color: #777; font-size: 11px; height: 20px; width: 135px; padding: 3px 5px; border-right: 0; } div.widget input#s { -webkit-border-radius: 3px 0px 0px 3px; border-radius: 3px 0px 0px 3px; width: 115px; } input#searchsubmit { float: left; display: inline-block; } a.button { display: inline; } a.button, #respond input#submit, input#searchsubmit { font-size: 11px; font-weight: bold; text-align: center; padding: 3px 10px; height: 28px; border: solid 1px #2b849e; cursor: pointer; display: block; color: #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -webkit-transition: 0.1s linear all; -moz-transition: 0.1s linear all; -ms-transition: 0.1s linear all; -o-transition: 0.1s linear all; transition: 0.1s linear all; } input#searchsubmit { -webkit-border-radius: 0px 3px 3px 0px !important; border-radius: 0px 3px 3px 0px !important; } a.button { display: inline; padding: 5px 10px; } a.button.blue, #respond input.button.blue { background-color: #0064cd; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd)); background-image: -moz-linear-gradient(top, #049cdb, #0064cd); background-image: -ms-linear-gradient(top, #049cdb, #0064cd); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd)); background-image: -webkit-linear-gradient(top, #049cdb, #0064cd); background-image: -o-linear-gradient(top, #049cdb, #0064cd); background-image: linear-gradient(top, #049cdb, #0064cd); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0); border-color: #0064cd #0064cd #003f81; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); text-shadow: #09509a 1px 1px 0; } a.button.green, #respond input.button.green { background-color: #57a957; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957)); background-image: -moz-linear-gradient(top, #62c462, #57a957); background-image: -ms-linear-gradient(top, #62c462, #57a957); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957)); background-image: -webkit-linear-gradient(top, #62c462, #57a957); background-image: -o-linear-gradient(top, #62c462, #57a957); background-image: linear-gradient(top, #62c462, #57a957); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0); border-color: #57a957 #57a957 #3d773d; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); text-shadow: #3e783e 1px 1px 0; } a.button.gold, #respond input.button.gold, input#searchsubmit { background-color: #b9972f; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#d8b446), to(#b9972f)); background-image: -moz-linear-gradient(top, #d8b446, #b9972f); background-image: -ms-linear-gradient(top, #d8b446, #b9972f); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d8b446), color-stop(100%, #b9972f)); background-image: -webkit-linear-gradient(top, #d8b446, #b9972f); background-image: -o-linear-gradient(top, #d8b446, #b9972f); background-image: linear-gradient(top, #d8b446, #b9972f); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d8b446', endColorstr='#b9972f', GradientType=0); border-color: #b9972f #b9972f #3d773d; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); text-shadow: #907625 1px 1px 0; } a.button.orange, #respond input.button.orange { background-color: #ef4832; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#e49d1f), to(#ef4832)); background-image: -moz-linear-gradient(top, #f2723a, #ef4832); background-image: -ms-linear-gradient(top, #f2723a, #ef4832); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2723a), color-stop(100%, #ef4832)); background-image: -webkit-linear-gradient(top, #f2723a, #ef4832); background-image: -o-linear-gradient(top, #f2723a, #ef4832); background-image: linear-gradient(top, #f2723a, #ef4832); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2723a', endColorstr='#ef4832', GradientType=0); border-color: #ef4832 #ef4832 #bf831c; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); text-shadow: #b72816 1px 1px 0; } a.button.yellow, #respond input.button.yellow { background-color: #c98610; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#e49d1f), to(#c98610)); background-image: -moz-linear-gradient(top, #e49d1f, #c98610); background-image: -ms-linear-gradient(top, #e49d1f, #c98610); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e49d1f), color-stop(100%, #c98610)); background-image: -webkit-linear-gradient(top, #e49d1f, #c98610); background-image: -o-linear-gradient(top, #e49d1f, #c98610); background-image: linear-gradient(top, #e49d1f, #c98610); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e49d1f', endColorstr='#c98610', GradientType=0); border-color: #c98610 #c98610 #bf831c; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); text-shadow: #bf831c 1px 1px 0; } a.button.purple, #respond input.button.purple { background-color: #4f337d; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#664a96), to(#4f337d)); background-image: -moz-linear-gradient(top, #664a96, #4f337d); background-image: -ms-linear-gradient(top, #664a96, #4f337d); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #664a96), color-stop(100%, #4f337d)); background-image: -webkit-linear-gradient(top, #664a96, #4f337d); background-image: -o-linear-gradient(top, #664a96, #4f337d); background-image: linear-gradient(top, #664a96, #4f337d); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#664a96', endColorstr='#4f337d', GradientType=0); border-color: #4f337d #4f337d #382458; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); text-shadow: #3a2164 1px 1px 0; } a.button.red, #respond input#submit { background-color: #c43c35; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35)); background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35); background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35)); background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35); background-image: -o-linear-gradient(top, #ee5f5b, #c43c35); background-image: linear-gradient(top, #ee5f5b, #c43c35); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0); border-color: #c43c35 #c43c35 #882a25; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); text-shadow: #a8332d 1px 1px 0; } a.button.silver, #respond input.button.silver { background-color: #e6e6e6; background-repeat: repeat-x; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6); background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6); background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6); background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6); background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0); border-color: #339bb9 #339bb9 #22697d; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); text-shadow: #fff 1px 1px 0; color: #333; } a.button.teal, #respond input.button.teal { background-color: #339bb9; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#5bc0de), to(#339bb9)); background-image: -moz-linear-gradient(top, #5bc0de, #339bb9); background-image: -ms-linear-gradient(top, #5bc0de, #339bb9); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bc0de), color-stop(100%, #339bb9)); background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9); background-image: -o-linear-gradient(top, #5bc0de, #339bb9); background-image: linear-gradient(top, #5bc0de, #339bb9); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0); border-color: #339bb9 #339bb9 #22697d; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); text-shadow: #2a819a 1px 1px 0; } a.button:hover, #respond input#submit:hover, input#searchsubmit:hover { background-position: 0 -15px; text-decoration: none; } a.button:active, #respond input#submit:active, input#searchsubmit:active { -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05); } #respond input#submit { height: 40px; padding: 10px 15px; } /* * jQuery FlexSlider v2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Browser Resets */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;display: none;} /* FlexSlider Necessary Styles *********************************/ .flexslider {margin: 0; padding: 0;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {} .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* FlexSlider Default Theme *********************************/ .flexslider {margin-bottom: 0; position: relative; } .flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} .loading .flex-viewport {max-height: 300px;} .flexslider .slides {zoom: 1;} /* Control Nav (Arrows) */ .flex-direction-nav {*height: 0;} /* Direction Nav */ .flex-direction-nav {*height: 0;} .flex-direction-nav a { background:url(images/arrows.png) no-repeat; cursor: pointer; position: absolute; bottom: 0; width: 40px; height: 40px; text-indent:-9999px; z-index: 60; zoom: 1; filter: alpha(opacity=30); opacity: 0.30; -webkit-transition: all .3s ease; } .flexslider:hover .flex-next {filter: alpha(opacity=60); opacity: 0.6; } .flexslider:hover .flex-prev {filter: alpha(opacity=60); opacity: 0.6; } #featured-posts a.flex-next { background-position:-40px 0; right:0;} #featured-posts a.flex-prev { background-position: 0 0; right:40px; } #featured-posts a.flex-next:hover { filter: alpha(opacity=100); opacity: 1; } #featured-posts a.flex-prev:hover { filter: alpha(opacity=100); opacity: 1; } /********************************************************************************************* 10. Lightbox effect (ColorBox) styling *********************************************************************************************/ /* Core Style: Do not edit these lines */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; font-size: 12px;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block;} .cboxIframe{width:100%; height:100%; display:block; border:0;} /* User Style: Change the following styles to modify the appearance of ColorBox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:#000;} #colorbox{} #cboxContent{margin-top:20px;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{border:5px solid #000; background:#fff;} #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;} #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;} #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;} #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;} #cboxPrevious.hover{background-position:bottom left;} #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;} #cboxNext.hover{background-position:bottom right;} #cboxLoadingOverlay{background:#000;} #cboxLoadingGraphic{background:url(images/loading2.gif) no-repeat center center;} #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(images/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;} #cboxClose.hover{background-position:bottom center;} /********************************************************************************************* 11. Media Queries *********************************************************************************************/ /* Tablet Landscape */ @media screen and (max-width: 1020px) { div.wrapper { width: 96%; margin-right: 2%; margin-left: 2%; } /* Homepage Slider */ .wpzoom-featured-post .post-cover { width: 100%; } .wpzoom-featured-post .post-cover img { height: auto; width: 100%; } /* Facebook Like Button */ div.fb-like.fb_iframe_widget { width: 100% !important; } .fb_iframe_widget { width: 100%!important } .fb_iframe_widget span { width: 100%!important; } .fb_iframe_widget span iframe { width: 100%!important; } } /* Tablet Landscape */ @media screen and (max-width: 960px) { } /* Tabled Portrait */ @media screen and (max-width: 768px) { #main .column-wide { margin-right: 0; width: 59.4850%; } #main .column-medium { margin-right: 0; width: 59.4850%; } #main .column-narrow { clear: right; float: right; margin-right: 0; margin-left: 2.5745%; width: 37.9403%; } #main .column-narrow-child, #main .column-wide-child { display: block; float: none; margin-left: 0 !important; width: 100% !important; } .archives-columns-one .post-cover { margin-right: 5.7575%; width: 27.2727%; } .archives-columns-one .post-excerpt { width: 66.9696%; } .posts-archive-testimonials .post-excerpt { width: 100%; } footer .column { margin-right: 4%; width: 48%; } footer .column-second, footer .column-fourth { margin-right: 0; } } /* All Mobile Sizes (devices and browser) */ @media screen and (max-width: 640px) { .btn_menu { display: block; position: absolute; top: 7px; right: 25px; cursor: pointer; background: transparent url(images/icon-lines-blue.png) no-repeat top left; width:40px; height:40px; z-index: 100; } /* Make Menu Mobile-Device Friendly */ .mobile-menu { display: none; } #nav-main-menu { min-height: 45px; } #nav-main-menu li { display: block; float: none; margin-right: 0; } #nav-main-menu a { color: #a0c3e6; padding: 12px 5px; } #nav-main-menu li li a, #nav-main-menu li.current-menu-item li a { color: #a0c3e6; } #nav-main-menu a:hover, #nav-main-menu li li a:hover { color: #d8b446; } #nav-main-menu li.current-menu-item a, #nav-main-menu li.current-item a { color: #fff; } #nav-main-menu li.current-menu-item li a { background: none; padding-left: 0; } #nav-main-menu .dropdown ul { background: none; border-top: 0; display: block !important; margin-left: 10px; position: relative; visibility: inherit !important; top: 0; left: 0; width: auto; } #nav-main-menu .dropdown ul { position: relative; top: 0; width: 100%; /* left offset of submenus need to match (see below) */ margin: 0; padding: 0; background: none; } #nav-main-menu .dropdown ul li { width: auto; font-size: 13px; line-height: 23px; margin: 0 0 0 10px; padding: 0; border: 0; } #nav-main-menu .dropdown ul li a { padding:6px 12px; border-bottom: none; } #nav-main-menu li li { background: none; } #nav-main-menu li li a:hover { background: none; } #nav-main-menu .dropdown li:hover ul, #nav-main-menu .dropdown li.sfHover ul { padding: 0; margin: 0; position: relative; left: 0; top: 0; /* match top ul list item height */ } #nav-main-menu ul.dropdown li:hover li ul, #nav-main-menu ul.dropdown li.sfHover li ul { top: 0; } #nav-main-menu ul.dropdown li li:hover ul, #nav-main-menu ul.dropdown li li.sfHover ul { left: 0; /* match ul width */ top: 0; } #nav-main-menu ul.dropdown li li:hover li ul, #nav-main-menu ul.dropdown li li.sfHover li ul { top: 0; } #nav-main-menu .sf-sub-indicator { display:none !important; } /* End Menu */ #logo { display: block; float: none; margin: 0 0 15px; text-align: center; } #top-menu { display: block; float: none; text-align: center; } #header-helpful { display: block; float: none; text-align: center; } #top-menu li { float: none; } #main .column-medium, #main .column-wide { margin-right: 0; width: 65.1467%; } #main .column-narrow { float: right; margin-right: 0; margin-left: 3.0944%; width: 31.7589%; } .wpzoom-featured-post .post-excerpt { font-size: 11px; position: static; bottom: 0; left: 0; border-right: solid 1px #e1e1e1; border-bottom: solid 1px #e1e1e1; margin-bottom: 20px; padding: 15px; max-width: 100%; } .flex-direction-nav a { top: 0; } } /* All Mobile Sizes (devices and browser) */ @media screen and (max-width: 560px) { div.search-form { display: block; float: none; margin-left: 0; } #setop { padding-right: 1%; padding-left: 1%; width: 68%; } input#searchsubmit { padding-right: 1%; padding-left: 1%; width: 28%; } #main .column-medium, #main .column-wide { display: block; float: none; width: 100% !important; } #main .column-narrow { display: block; float: none; margin-right: 0; margin-left: 0; width: 100%; } } /* All Mobile Sizes (devices and browser) */ @media screen and (max-width: 480px) { .archives-columns-one .post-cover { display: none; } .archives-columns-one .post-excerpt { display: block; float: none; width: 100%; } #footer-copy .wpzoom { display: none; } } /* All Mobile Sizes (devices and browser) */ @media screen and (max-width: 320px) { footer .column { display: block; float: none; margin-right: 0; width: 100%; } }