/* Theme Name:Themify Tisa Theme URI:https://themify.me/themes/tisa Version:7.1.1 Description:Created by Themify. Author:Themify Author URI:http://www.themify.me License:GNU General Public License v2.0 License URI:http://www.gnu.org/licenses/gpl-2.0.html Copyright:(c) 2016 Themify. Tags:featured-images, translation-ready, custom-menu Text Domain:themify --------- DO NOT EDIT THIS FILE. If you need to override theme styling, please add custom CSS in Appearance > Customize > Custom CSS or a child theme (https://themify.me/docs/child-theme). */ /************************************************************************************ RESET *************************************************************************************/ html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset, figure{ margin:0; padding:0 } img, fieldset{ border:0 } /* set img max-width */ img{ box-sizing:border-box } /* set html5 elements to block */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{ display:block } audio, iframe, object{ max-width:100% } @font-face{ font-family:'themify_theme_icons'; font-display:swap; src:url('data:application/octet-stream;base64,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') format('woff') } /************************************************************************************ GENERAL STYLING *************************************************************************************/ html{ -webkit-font-smoothing:antialiased } body{ font:.85em/150% Georgia, "Times New Roman", Times, serif; overflow-wrap:break-word; background:#eeeee2 url('images/bg.png'); color:#666 } a{ text-decoration:none; outline:none; color:#e84925 } a:hover{ text-decoration:underline } p{ margin:0 0 1.2em; padding:0 } small{ font-size:87% } blockquote{ font:italic 110%/130% "Times New Roman", Times, serif; padding:8px 30px 15px } /* list */ ul, ol{ margin:1em 0 1.4em 24px; padding:0; line-height:140% } li{ margin:0 0 .5em 0; padding:0 } /* headings */ h1, h2, h3, h4, h5, h6{ line-height:1.4em; margin:20px 0 .4em; font-family:Oswald, Arial, Helvetica, sans-serif; font-weight:normal; text-shadow:0 2px 0 rgba(0,0,0,.15); text-transform:uppercase; color:#333; overflow-wrap:normal } h1{ font-size:2em } h2{ font-size:1.6em } h3{ font-size:1.4em } h4{ font-size:1.2em } h5{ font-size:1.1em } h6{ font-size:1em } /* form input */ input, textarea, select, input[type=search], button{ font-size:100%; font-family:inherit } textarea, input[type=text], input[type=password], input[type=search], input[type=email], input[type=url]{ background-color:#dbdbd5; border:0; padding:9px 10px; border-radius:5px; -webkit-appearance:none; box-shadow:inset 0 1px 0 rgba(0,0,0,.2) } input[type=text], input[type=search], input[type=email], input[type=url]{ width:240px; max-width:96% } textarea{ line-height:150%; width:96% } textarea:focus, input[type=text]:focus, input[type=password]:focus, input[type=search]:focus, input[type=email]:focus, input[type=url]:focus{ outline:none; background-color:#fff } /* form button */ input[type=reset], input[type=submit], button{ background-color:#a0410d; color:#fff; border:0; padding:7px 20px; cursor:pointer; box-shadow:1px 2px 0 rgba(0,0,0,.15); -webkit-appearance:none } input[type=reset]:hover, input[type=submit]:hover, button:hover{ background-color:#000; color:#fff } /************************************************************************************ STRUCTURE *************************************************************************************/ #pagewrap, .pagewidth, #headerwrap, #header, #main-nav, #body, #layout, #content, .post, .author-box, .post-nav, #sidebar, .widget, #footerwrap, #footer{ box-sizing:border-box } .pagewidth, .row_inner{ width:978px; margin:0 auto } #upperwrap{ background:url('images/upperwrap-bg.png') repeat-x center bottom; margin-top:-160px; padding-top:160px; position:relative } #body{ padding:0 0 40px } /* content */ #content{ margin:40px 0 60px; width:660px; float:left } /* sidebar */ #sidebar{ width:252px; float:right; margin:40px 0 60px } /* sidebar left */ .sidebar-left #content{ float:right } .sidebar-left #sidebar{ float:left } /* sidebar-none content */ .sidebar-none #content{ width:100%; float:none } /* fullwidth content */ .full_width #layout{ width:100%; max-width:100% } .full_width #content{ padding:0; width:auto; float:none } .full_width #sidebar{ width:auto; float:none } /************************************************************************************ GRID *************************************************************************************/ .col4-1, .col4-2, .col4-3, .col3-1, .col3-2, .col2-1 { margin-left:3.2%; float:left } .col4-1{ width:22.6% } .col4-2, .col2-1{ width:48.4% } .col4-3{ width:74.2% } .col3-1{ width:31.2% } .col3-2{ width:65.6% } .col.first, .col4-1.first, .col4-2.first, .col4-3.first, .col3-1.first, .col3-2.first, .col2-1.first { margin-left:0; clear:left } /************************************************************************************ HEADER *************************************************************************************/ #headerwrap{ background:url('images/upperwrap-bg.png') repeat-x center bottom; padding-bottom:30px } .home #headerwrap{ border-bottom:0 } #header{ position:relative; height:90px; color:#bcc3c9; z-index:100 } #header a{ color:#fab117 } /************************************************************************************ MAIN NAVIGATION *************************************************************************************/ #main-nav{ margin:0; padding:0; position:absolute; right:0; top:55px; z-index:100 } #main-nav li{ margin:0; padding:0; list-style:none; float:left; position:relative } /* main level link */ #main-nav a{ color:#fff; display:block; margin:0 15px 0 0; text-decoration:none; font:normal 140%/100% Oswald, Arial, Helvetica, sans-serif; text-transform:uppercase; text-shadow:0 1px 0 rgba(0,0,0,.2) } /* main level link :hover */ #main-nav a:hover, #main-nav .current_page_item a, #main-nav .current-menu-item a, #main-nav .current_page_item a:hover, #main-nav .current-menu-item a:hover{ color:#fab117 } /* sub-levels link */ #main-nav ul a, #main-nav .current_page_item ul a, #main-nav ul .current_page_item a, #main-nav .current-menu-item ul a, #main-nav ul .current-menu-item a{ color:#666; font:normal 100% Arial, Helvetica, sans-serif; text-transform:none; padding:7px 0 7px 15px; margin:0; width:180px; background:0; text-shadow:none } /* sub-levels link :hover */ #main-nav ul a:hover, #main-nav .current_page_item ul a:hover, #main-nav ul .current_page_item a:hover, #main-nav .current-menu-item ul a:hover, #main-nav ul .current-menu-item a:hover{ background-color:#F3F3F3; color:#000 } /* dropdown ul */ #main-nav ul{ margin:0; padding:5px 0; list-style:none; position:absolute; background-color:#fff; border:solid 1px #bbb; z-index:100; display:none; box-shadow:1px 2px 0 rgba(0,0,0,.15) } #main-nav ul li{ background:0; padding:0; margin:0; float:none } /* sub-levels dropdown */ #main-nav ul ul{ left:190px; top:-2px } /* show dropdown ul */ #main-nav li:hover > ul{ display:block } /************************************************************************************ SLIDER *************************************************************************************/ #sliderwrap{ padding-bottom:10px } .slides{ margin:0; padding:0 } .slides .slide-post-title{ font-size:160%; margin:0 0 5px; color:#000 } .slides .slide-post-title a{ color:#000; text-decoration:none } .slides .slide-excerpt{ font-size:90%; line-height:130% } .slides .slide-content-wrap{ background:#fca349 url('images/heading-bg.jpg'); width:60%; position:absolute; bottom:9%; left:0; color:#333; padding:5px; box-shadow:1px 3px 0 rgba(0,0,0,.15) } .slides .slide-content-wrap-inner{ border:solid 1px #e58237; padding:5px 5px 5px 10px } .slides .slide-feature-image img{ background-color:#fff; padding:5px } body.rtl .flex-viewport{ direction:ltr } /* slider controls (next/prev) */ #sliderwrap .tf_carousel_nav_wrap > a{ display:none; position:absolute; top:40%; z-index:1000; width:34px; height:40px; font:normal 16px/100% "Times New Roman", Times, serif; text-decoration:none; color:#fff; text-align:center; padding:6px 0; margin-top:-14px; background-color:#333; border:solid 1px #000 } #sliderwrap .slider:hover .tf_carousel_nav_wrap > a{ display:block } #sliderwrap .tf_carousel_nav_wrap > a:hover{ background-color:#000 } #sliderwrap .carousel-next{ right:0 } #sliderwrap .carousel-prev{ left:0 } #sliderwrap .tf_carousel_nav_wrap > a:before{ border:0; transform:none; margin:0 } #sliderwrap .carousel-prev:before{ content:"\00ab" } #sliderwrap .carousel-next:before{ content:"\00bb" } /* slider pager */ #sliderwrap .tf_carousel_bullets{ text-align:center; margin:0; padding:10px 0; clear:both; position:relative } #sliderwrap .tf_carousel_bullets a{ padding:0; display:inline-block; text-indent:-900em; width:8px; height:8px; margin:0 3px; background-color:rgba(0,0,0,.6); border:solid 2px #111; border-radius:10em; cursor:pointer; box-sizing:unset } /* pager active */ #sliderwrap .tf_carousel_bullets .selected{ background-color:rgba(255,255,255,.3); border-color:#666 } /************************************************************************************ HOME HIGHLIGHTS *************************************************************************************/ .home-highlightswrap{ position:relative } .home-highlights{ padding:30px 0 10px; position:relative } .home-highlights h4{ margin:0 0 5px; font-size:140%; line-height:120% } .home-highlights .icon{ padding:5px 0 0 5px; float:left; position:relative } .home-highlights .icon img{ margin:0 15px 0 0 } .home-highlights .icon .zoom{ position:absolute; top:0; left:0; width:27px; height:27px; display:block; background:url('images/zoom-icon.png') no-repeat } .home-highlights .home-highlights-content{ overflow:hidden; margin-bottom:20px } .home-highlights .tb_turn_on{ display:none } /************************************************************************************ WELCOME MESSAGE *************************************************************************************/ .welcome-message{ background:#fca349 url('images/heading-bg.jpg'); padding:5px; margin:10px 0 40px; color:#333; font-size:120%; text-align:center; box-shadow:1px 2px 0 rgba(0,0,0,.15) } .welcome-message-inner{ border:solid 1px #e58237; padding:5px 40px } .welcome-message p{ margin:0 0 5px } .welcome-message a{ color:#000; text-decoration:underline } .welcome-message h1, .welcome-message h2, .welcome-message h3, .welcome-message h4{ color:#000; margin:0 0 5px; text-transform:uppercase; text-shadow:2px 2px 0 rgba(255,255,255,.4) } /************************************************************************************ AUTHOR PAGE *************************************************************************************/ .author-bio{ margin:0 0 30px } .author-bio .author-avatar{ float:left; margin:0 15px 0 0 } .author-bio .author-avatar img{ background-color:#fff; padding:4px; border:solid 1px #ccc } .author-bio .author-name{ margin:0 0 5px; padding:0; font-size:160% } .author-posts-by{ margin:0 0 20px; padding:10px 0 0; font-size:140%; text-transform:uppercase; border-top:double 4px #ccc; border-color:rgba(118,118,118,.3) } /************************************************************************************ PAGE TITLE *************************************************************************************/ .page-title{ margin:0 0 15px; padding:0; font-size:360%; line-height:110% } /************************************************************************************ CATEGORY SECTIONS *************************************************************************************/ .category-section{ clear:both; margin-bottom:30px } .category-section-title{ font-size:120%; text-transform:uppercase; margin:0 0 20px } /************************************************************************************ POST *************************************************************************************/ /* post */ .post{ margin-bottom:40px; box-sizing:border-box } /* post content */ .post-content{ min-width:120px } /* post image */ .post-image{ max-width:100%; margin:0 0 5px; position:relative } .post-image.left{ margin:0 20px 10px 0 } .post-image.right{ margin:0 0 10px 20px } /* post date */ .post-date{ font:bold 100% Arial, Helvetica, sans-serif; margin:0 0 5px; display:block } /* post title */ .post-title{ font-size:200%; line-height:110%; margin:0 0 3px; padding:0 } .post-title, .post-title a{ text-decoration:none; color:#000 } .post-title a:hover{ text-decoration:none } /* post meta */ .post-meta{ font-size:85%; line-height:140%; margin:8px 0 15px; padding:0 } .post-meta span{ padding:3px 0 2px; margin-right:5px } .post-meta .post-author{ background:url('images/post-author.png') no-repeat left 2px; padding-left:18px } .post-meta .post-comment{ background:url('images/post-comment.png') no-repeat left 2px; padding-left:20px } .post-meta .post-category{ background:url('images/post-category.png') no-repeat left 2px; padding-left:18px } .post-meta .post-tag{ background:url('images/post-tag.png') no-repeat left 2px; padding-left:18px } /* more link */ .more-link{ background:#fca349 url('images/heading-bg.jpg'); color:#333; padding:2px 10px; margin:5px 0 10px; font-size:80%; text-transform:uppercase; display:inline-block } /* grid4 post */ .loops-wrapper.grid4 .post{ line-height:130%; margin-bottom:20px } .loops-wrapper.grid4 .post-title{ font-size:120%; margin:0 0 3px; padding:0 } /* grid3 post */ .loops-wrapper.grid3 .post{ margin-bottom:20px; line-height:135% } .loops-wrapper.grid3 .post-title{ font-size:140%; margin:0 0 3px; padding:0 } /* grid2 post */ .loops-wrapper.grid2 .post{ margin-bottom:20px; line-height:130% } .loops-wrapper.grid2 .post-title{ font-size:150%; margin:0 0 3px; padding:0 } .loops-wrapper.grid2 .post-comment{ font-size:70% } /* grid2-thumb post */ .loops-wrapper.grid2-thumb .post{ line-height:140% } .loops-wrapper.grid2-thumb .post-title{ margin:0 0 5px; font-size:150% } .loops-wrapper.grid2-thumb .post-image{ float:left; margin:5px 14px 10px 0 } .loops-wrapper.grid2-thumb .post-content{ overflow:hidden } /* list thumb post */ .loops-wrapper.list-thumb-image .post-image{ float:left; margin:7px 16px 10px 0 } .loops-wrapper.list-thumb-image .post-content{ overflow:hidden } /* list large image */ .loops-wrapper.list-large-image .post-image{ float:left; margin:7px 22px 10px 0 } .loops-wrapper.list-large-image .post-title{ font-size:200%; margin:0 0 5px; padding:0 } .loops-wrapper.list-large-image .post-content{ overflow:hidden } /************************************************************************************ POST VIDEO (css for fluid video) *************************************************************************************/ .post-video, .embed-youtube{ position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; font-size:.9em; margin-bottom:15px } .post-video iframe, .post-video object, .post-video embed, .embed-youtube iframe, .embed-youtube object, .embed-youtube embed{ position:absolute; top:0; left:0; width:100%; height:100% } /************************************************************************************ POST EMBEDS (css for various fluid elements) *************************************************************************************/ .twitter-tweet-rendered{ max-width:100%!important } /************************************************************************************ AUTHOR BOX *************************************************************************************/ .author-box{ margin:15px 0 } .author-box .author-avatar{ float:left; margin:0 15px 5px 0 } .author-box .author-name{ margin:0 0 5px } /************************************************************************************ POST NAVIGATION (the tag) *************************************************************************************/ .post-pagination{ text-align:right; margin:.5em 0 2em } .post-pagination strong{ margin-right:3px } .post-pagination a{ margin-left:3px; margin-right:3px } /************************************************************************************ POST NAVIGATION *************************************************************************************/ .post-nav{ margin:0 0 30px; padding:15px 0; clear:both } .post-nav .prev, .post-nav .next{ width:47%; position:relative } .post-nav a{ text-decoration:none; display:block } .post-nav a:hover{ text-decoration:none } .post-nav .prev{ float:left } .post-nav .next{ float:right; text-align:right } /* post nav arrow */ .post-nav .arrow{ background-color:#333; color:#fff; font:normal 20px/100% "Times New Roman", Times, serif; display:block; width:auto; float:left; width:32px; height:28px; padding:4px 0 0; text-align:center; margin:-8px 10px 17px 0; border-radius:10em } .post-nav .next .arrow{ float:right; margin-left:10px; margin-right:0 } .post-nav a:hover span{ background-color:#000 } /************************************************************************************ COMMENTS *************************************************************************************/ .commentwrap{ border-top:solid 2px #666; margin:40px 0 20px; padding:10px 0 0; position:relative; clear:both } /* comment title */ .comment-title{ font-size:160%; margin:0 0 10px; padding:0 } /* comment pagenav */ .commentwrap .pagenav{ margin:10px 0; border:0; box-shadow:none } .commentwrap .pagenav.top{ margin:0; position:absolute; top:10px; right:0 } /* commentlist */ .commentlist{ margin:0; padding:5px 0 0; border-top:solid 1px #ccc } .commentlist li{ margin:0; padding:15px 0 0; list-style:none; position:relative } .commentlist .comment-author{ margin:2px 0 5px; padding:0 } .commentlist .avatar{ float:left; margin:0 15px 10px 0 } .commentlist cite{ font:italic 19px/120% "Times New Roman", Times, serif } .commentlist cite a{ text-decoration:none } .commentlist cite .tf_fa{ margin-right:10px } .commentlist .bypostauthor > .comment-author cite{ background:url('images/icon-author-comment.png') no-repeat 0 2px; padding-left:18px } .commentlist .comment-time{ font-size:75%; text-transform:uppercase } .commentlist .commententry{ border-bottom:solid 1px #ccc; position:relative; min-height:40px; overflow:hidden; padding-bottom:5px } .commentlist ul, .commentlist ol{ margin:0 0 0 7%; padding:0 } /* reply link */ .commentlist .reply{ position:absolute; right:0; top:8px } .commentlist .comment-reply-link{ font-size:11px; text-transform:uppercase; text-decoration:none } .commentlist .comment-reply-link:hover{ text-decoration:none } /* comment form */ #respond{ margin:40px 0 30px; padding:10px 0 0; position:relative; clear:both } #respond #cancel-comment-reply-link{ position:absolute; top:20px; right:0; font-size:85%; line-height:100%; text-decoration:none; padding:5px 10px; display:block; color:#fff; background-color:#F30 } #respond #cancel-comment-reply-link:hover{ background-color:#333 } #commentform{ margin:15px 0 0 } #commentform label{ font-weight:bold } #commentform label small{ font-weight:normal } #commentform textarea{ height:140px; width:100%; box-sizing:border-box } #commentform .comment-form-author, #commentform .comment-form-email{ width:50%; float:left; box-sizing:border-box; clear:none } #commentform p.comment-form-author{ padding-right:2% } #commentform .comment-form-email{ padding-left:2% } #commentform input[type=text], #commentform input[type=email], #commentform input[type=url]{ width:100%; max-width:none; box-sizing:border-box } #commentform input#submit{ padding:7px 20px } /************************************************************************************ SIDEBAR *************************************************************************************/ .widget{ margin:0 0 30px } .widgettitle{ margin:0 0 10px; padding:0; text-transform:uppercase; font:normal 140%/110% Oswald, Arial, Helvetica, sans-serif } .widget ul{ margin:0; padding:0 } .widget li{ margin:0; padding:6px 0; list-style:none; clear:both; border-top:solid 1px #ccc } .widget ul ul{ margin:6px 0 -6px 0px; padding:0; border-top:none } .widget ul ul li{ margin:0; padding-left:10px } /************************************************************************************ WIDGET STYLES *************************************************************************************/ /* calendar widget */ .widget #wp-calendar caption{ font-weight:bold; padding-bottom:10px } .widget #wp-calendar td{ width:31px; padding:4px 2px; text-align:center } /* feature posts widget */ .widget .feature-posts-list br{ display:none } .widget .feature-posts-list .post-img{ margin:4px 12px 10px 0; float:left } .widget .feature-posts-list small{ font:italic 90% "Times New Roman", Times, serif; display:block; margin:0 0 3px } .widget .feature-posts-list .feature-posts-title{ margin:4px 0 3px } .widget .feature-posts-list .post-excerpt{ display:block } /* twitter widget */ .widget .twitter-list .twitter-timestamp{ font:italic 90% "Times New Roman", Times, serif } .widget .follow-user{ margin:0; padding:5px 0 } /* links widget */ .widget .links-list img, .widget_links img{ vertical-align:middle } /* recent comments widget */ .recent-comments-list .avatar{ margin-right:12px; float:left } /* flickr widget */ .widget .flickr_badge_image{ margin-top:10px } .widget .flickr_badge_image img{ width:50px; height:50px; margin-right:12px; margin-bottom:12px; float:left } /* flickr shortcode */ .shortcode .flickr_badge_image{ width:23.8%; margin:0 1.5% 1.5% 0; float:left } .shortcode .flickr_badge_image:nth-of-type(4n){ margin-right:0 } .shortcode .flickr_badge_image img{ margin:0 } /* search widget */ #sidebar #searchform{ position:static } #sidebar #searchform #s{ width:93% } /* reset twitter embed max-width to 100% */ #content .twitter-tweet-rendered{ max-width:100%!important } #content .twt-border{ max-width:100%!important; min-width:180px!important } /* Text widget */ .widget .textwidget ul{ margin:0 0 1.4em 1.6em } .widget .textwidget li{ display:list-item } .widget .textwidget ul li{ list-style:disc } .widget .textwidget ol li{ list-style:decimal } /************************************************************************************ FOOTER SOCIAL *************************************************************************************/ #footer-social{ background:url('images/divider.png') no-repeat center top; padding:20px 0; position:relative; min-height:40px } #footer-social .social-widget{ float:left; clear:none; padding:0 } /************************************************************************************ SOCIAL WIDGET *************************************************************************************/ .social-widget{ float:left } .social-widget a{ text-decoration:none } .social-widget a:hover{ text-decoration:none } .social-widget .widget{ display:inline-block; margin:0 5px 0 0 } .social-widget .widget div{ display:inline } .social-widget .widgettitle{ width:auto; font:bold 100% Arial, Helvetica, sans-serif; text-transform:none; border:0; letter-spacing:0; position:static; display:inline-block; margin:5px 8px 2px 0; padding:0; background:0; box-shadow:none } .social-widget ul{ margin:6px 0 0!important; padding:0; display:inline } .social-widget .social-links.horizontal li{ padding:0 2px 5px 0; margin:0; display:inline-block; border:0!important; clear:none; line-height:100% } .social-widget li img{ vertical-align:middle; margin-top:-5px } /* rss */ .social-widget div.rss{ display:inline } .social-widget div.rss a{ background:url('images/rss.png') no-repeat left center; padding:8px 0 5px 40px; display:inline-block } /************************************************************************************ SEARCH FORM *************************************************************************************/ #footer-social #searchform{ width:200px; float:right } #footer-social #searchform #s{ width:160px; padding-left:26px; background-image:url('images/search.png'); background-repeat:no-repeat; background-position:6px center } /************************************************************************************ FOOTER LOGO *************************************************************************************/ #footer-logo-wrap{ background:url('images/divider.png') no-repeat center top; padding:20px 0 35px; position:relative } #footer-logo{ float:right; font:32px/100% Oswald, Arial, Helvetica, sans-serif; text-transform:uppercase; text-shadow:0 2px 0 rgba(0,0,0,.2); margin:0 } #footer-logo a{ color:#000; text-decoration:none } #footer-logo a:hover{ text-decoration:none } /* footer nav */ .footer-nav{ float:left; margin:5px 0 5px; padding:0 } .footer-nav li{ padding:0; margin:0 15px 0 0; display:inline; list-style:none } .footer-nav a{ font:16px/100% Oswald, Arial, Helvetica, sans-serif; text-transform:uppercase; color:#a0410d } /* back to top */ .back-top{ float:left; margin-right:15px } .back-top a{ background:#a0410d url('images/arrow-up.png') no-repeat center center; display:block; width:30px; height:30px; text-indent:-900em; border-radius:10em } .back-top a:hover{ background-color:#000 } /* Social Links Widget */ .widget .social-links{ margin:0 0 20px; padding:0; line-height:100% } .widget .social-links.horizontal li{ margin:0 5px 5px 0; padding:0; list-style:none; border:0; display:inline-block } .widget .social-links img{ vertical-align:middle } /************************************************************************************ FOOTER *************************************************************************************/ #footerwrap{ background:url('images/footer-bg.png') repeat-x center top; padding:40px 0 15px } #footer{ clear:both; color:#bcc3c9 } #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6{ color:#fff } #footer a{ color:#fab117 } /* footer .widget */ #footer .widget li{ border-color:#162a3a } /* footer text */ .footer-text{ font-size:85% } /************************************************************************************ WORDPRESS POST FORMATTING *************************************************************************************/ .sticky{} img.alignleft, img.aligncenter, img.alignright, img.alignnone{ margin-bottom:15px } .alignleft{ float:left; margin-right:30px } .alignright{ float:right; margin-left:30px } .aligncenter{ text-align:center; display:block; margin-left:auto; margin-right:auto } .wp-caption{ text-align:center; margin-bottom:15px; max-width:100% } .wp-caption-text{ font:normal 95%/120% Georgia, "Times New Roman", Times, serif; margin:6px 0 } /************************************************************************************ ATTACHMENT SINGLE VIEW *************************************************************************************/ .attachment.single-attachment, .single-attachment .attachment{ float:none; margin:0; text-align:left } /************************************************************************************ GALLERY *************************************************************************************/ .gallery{ margin:0 0 20px 0 } /* gallery item */ .gallery .gallery-item{ text-align:center } /* gallery image */ .gallery img{ border:0; vertical-align:middle } /* gallery caption */ .gallery .gallery-caption{ line-height:120%; font-size:90%; text-align:center; margin:5px 0 0 } /************************************************************************************ IMAGE STYLES *************************************************************************************/ img.alignleft, img.aligncenter, img.alignright, img.alignnone, .wp-caption img, .post-image img, .widget .feature-posts-list .post-img, .widget .flickr_badge_image img, .shortcode .flickr_badge_image img, .commentlist .avatar, .recent-comments-list .avatar, #body .gallery img, .attachment img, .image-wrap img, .slide-image img, .module .slide-image img, .module .image-wrap img, .module .post-image img{ padding:2px; background-color:#fff; border:solid 1px #eee; border-bottom-color:#ccc } /************************************************************************************ CLEAR & ALIGNMENT *************************************************************************************/ .clear{ clear:both } .left{ float:left } .right{ float:right } .textleft{ text-align:left } .textright{ text-align:right } .textcenter{ text-align:center } /* clearfix */ .widget li:after, #body:after, #footer:after, footer:after,#main-nav:after, #main-nav:after, .menu:after, #content:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0 } .widget li, #body, #footer, footer,#main-nav, #main-nav, .menu, #content { display:block } /*BASE MEDIA QUERIES*/ @media(max-width:1260px){ .default_width #layout .row_inner{ max-width:100% } }