/* Theme Name: Ample Theme URI: http://themegrill.com/themes/ample/ Author: ThemeGrill Author URI: http://themegrill.com Description: Ample is a multipurpose WordPress theme made to help you create a beautiful professional looking site in no time. It has numerous built-in options to give your site the look that you want. Get free support at http://themegrill.com/support-forum/ and check the demo at http://demo.themegrill.com/ample/ Version: 0.1 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: light, white, two-columns, right-sidebar, custom-header, custom-menu, sticky-post, threaded-comments, translation-ready, featured-images, theme-options Text Domain: ample */ /* =RESET -------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } html { overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */ -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */ -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ } article, aside, details, figcaption, figure, footer, header, main, nav, section { display: block; } ol, ul { list-style: none; } table { /* tables still need 'cellspacing="0"' in the markup */ border-collapse: collapse; border-spacing: 0; margin: 0 0 1.5em; width: 100%; } th { font-weight: bold; } th, td { border: 1px solid #eaeaea; padding: 6px 10px; } caption, th, td { text-align: left; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a:focus { outline: thin dotted; } a:hover, a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */ outline: 0; } a img { border: 0; } a img:hover { opacity: 0.8; filter:alpha(opacity=80); /* For IE8 and earlier */ box-shadow: #000 0 0 0; } embed, iframe, object { max-width: 100%; } button::-moz-focus-inner { border: 0; padding: 0; margin: 0; } /* =GLOBAL ----------------------------------------------- */ body, button, input, select, textarea { color: #888888; font-family: 'Roboto', sans-serif !important; font-size: 15px; line-height: 20px; word-wrap: break-word; } body { background: #ffffff; } /* Headings */ h1, h2, h3, h4, h5, h6 { padding-bottom: 18px; color: #666666; font-weight: normal; line-height: 1.4; } h1 { font-size: 30px; } h2 { font-size: 28px; } h3 { font-size: 26px; } h4 { font-size: 24px; } h5 { font-size: 22px; } h6 { font-size: 19px; } hr { border-color: #eaeaea; border-style: solid none none; border-width: 1px 0 0; height: 0; margin: 30px 0; } /* =TEXT ELEMENTS ----------------------------------------------- */ p { font-size: 15px; line-height: 1.5; margin-bottom: 15px; font-weight: 300; } strong { font-weight: bold; } cite, em, i { font-style: italic; } pre { background-color: #ffffff; margin-bottom: 20px; overflow: auto; padding: 20px; border: 1px solid #eaeaea; } pre, code, kbd, var, samp, tt { font-family: "Courier 10 Pitch", Courier, monospace; font-size: 14px; line-height: 19px; white-space: pre-wrap; } abbr, acronym, dfn { border-bottom: 1px dotted #666666; cursor: help; } address { display: block; font-style: italic; margin: 0 0 15px; } ins { background: #f8f8f8; } table { margin: 0 0 1.5em; width: 100%; } /* =SUPERCRIPT AND SUBSCRIPT ----------------------------------------------- */ sup, sub { font-size: 10px; height: 0; line-height: 1; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } dl { margin-bottom: 24px; font-size: 16px; } dt { font-weight: bold; margin-bottom: 5px; } dd { margin-bottom: 24px; } ul, ol { list-style: none; } ol { list-style: decimal; } li > ul, li > ol { margin: 0 0 0 10px; } /* =BLOCKQUOTE ----------------------------------------------- */ blockquote { font-style: italic; font-weight: normal; padding: 20px; border: 1px solid #EAEAEA; border-left: 3px solid #e96045; margin-bottom: 20px; } blockquote em, blockquote i, blockquote cite { font-style: normal; } blockquote cite { color: #666666; font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; letter-spacing: 0.05em; text-transform: uppercase; } /* =FORMS ----------------------------------------------- */ input, textarea { -webkit-border-radius: 0px; } input[type="text"], input[type="email"], input[type="search"], input[type="password"], textarea { -moz-appearance: none !important; -webkit-appearance: none !important; appearance: none !important; } input[type="text"], input[type="email"], input[type="password"], textarea { padding: 1%; border: 1px solid #EAEAEA; line-height: 20px; width: 98%; margin: 0 0 30px; background-color: #F8F8F8; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } input[type="text"]:focus, input[type="email"]:focus, input[type="search"]:focus, input[type="password"]:focus, textarea:focus { border: 1px solid #EAEAEA; } input.s { width: 60%; padding: 4px 10px; height: 36px; color: #666666; background-color: #FFFFFF; margin: 0; border: 1px solid #EAEAEA; } input.s:focus { padding-left: 10px; border-color: #EAEAEA; text-indent: 0; } .ample-button, input[type="reset"], input[type="button"], input[type="submit"], button { color: #FFFFFF; display:inline-block; margin-bottom: 30px; padding: 5px 25px; -moz-appearance: none !important; -webkit-appearance: none !important; appearance: none !important; cursor: pointer; background-color: #e96045; border: 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 16px; } .ample-button:hover, input[type="reset"]:hover, input[type="button"]:hover, input[type="submit"]:hover, button:hover { -webkit-box-shadow:0 0 2px rgba(0, 0, 0, 0.6); -moz-box-shadow:0 0 2px rgba(0, 0, 0, 0.6); box-shadow:0 0 2px rgba(0, 0, 0, 0.6); } .previous a, .next a { color: #666666; padding: 5px 25px; cursor: pointer; border: 1px solid #EAEAEA; font-size: 16px; display: inline-block; } .previous a:hover, .next a:hover { color: #e96045; } /* =LINKS ----------------------------------------------- */ a { color: #e96045; text-decoration: none; } a:focus, a:active, a:hover { text-decoration: none; } /* =IMAGES ----------------------------------------------- */ figure { margin: 0; text-align: center; } img { max-width:100%; height:auto; vertical-align:top; margin-bottom: 18px; } .entry-content img, .comment-content img, .widget img { max-width: 100%; /* Fluid images for posts, comments, and widgets */ } img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] { } img.size-full, img.size-large { max-width: 100%; height: auto; } .entry-content img.wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } img.alignleft, img.alignright, img.aligncenter { margin-bottom: 1.625em; } p img { } img#wpstats { display: none; } /* =CLEARFIX ----------------------------------------------- */ .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix { display: inline-block; } * html .clearfix { height:1%; } .clearfix { display: block; } .tg-after-three-blocks-clearfix { clear: both; } .tg-featured-posts-clearfix { clear: both; } /* =ALIGNMENT ----------------------------------------------- */ .alignleft { display: inline; float: left; margin-right: 30px; } .alignright { display: inline; float: right; margin-left: 30px; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } /* =MEDIA ----------------------------------------------- */ .wp-caption { border: 1px solid #ccc; margin-bottom: 1.5rem; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin: 1.2% auto 0; max-width: 98%; } .wp-caption-text { text-align: center; } .wp-caption .wp-caption-text { margin: 0.8075rem 0; } .gallery-caption { } .sticky { } .bypostauthor { } /* =SMOOTH TRANSITION EFFECT ----------------------------------------------- */ .moving-box, a { -webkit-transition: 0.25s ease-in-out; -moz-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; -ms-transition: 0.25s ease-in-out; -o-transition: 0.25s ease-in-out; } /* =BODY ----------------------------------------------- */ .inner-wrap { max-width: 1100px; margin: 0 auto; } /* =HEADER ----------------------------------------------- */ .main-head-wrap { padding: 30px 0; } .header { border-bottom: 1px solid #f2f2f2; } #header-left-section { float: left; margin-right: 25px; } #header-logo-image { float: left; padding: 5px 20px 5px 0; max-width: 100%; } #header-logo-image img { margin-bottom: 0px; max-width: 60px; } #header-text { float: left; padding-right: 20px; } #site-title a { color: #666666; font-size: 34px; } h1#site-title { padding-bottom: 0; } #site-title a:hover { color: #e96045; } #site-description { line-height: 1.5; font-size: 13px; padding-bottom: 0; color: #888888; font-weight: 300; } .header-right-section { float: right; position: relative; } /* =FEATURED SLIDER ----------------------------------------------- */ .big-slider-wrapper{ max-width: 1600px; margin: 0 auto; position: relative; } .bx-wrapper .big-slider img { margin: 0 auto; } .big-slider .slider-entry-container{ position: absolute; width: 700px; text-align: center; z-index: 999; margin: auto; left: 0; right: 0; top: 50%; -ms-transform: translateY(-50%); /* IE 9 */ -webkit-transform: translateY(-50%); transform: translateY(-50%); } .big-slider .entry-title { font-size: 40px; text-transform: uppercase; color: #ffffff; padding-bottom: 35px; line-height: 1.1; } .big-slider-wrapper .bx-wrapper .bx-viewport{border: 0; box-shadow: none; } .big-slider-wrapper .bx-wrapper .bx-viewport{left: 0;} .slider-button { display: inline-block; color: #ffffff; font-size: 16px; padding: 18px 20px; text-transform: uppercase; letter-spacing: 2px; border: 1px solid #ffffff; } .slider-button:hover{ background: rgba(255, 255, 255, 0.26);} .slide-prev, .slide-next { opacity: 0.5; filter:alpha(opacity=50); background-color: #e96045; position: absolute; top: 50%; -ms-transform: translateY(-50%); /* IE 9 */ -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 9; border-radius: 3px; } .slide-prev { margin-left: 20px; } .slide-next { right: 0; margin-right: 20px; } .slide-prev:hover, .slide-next:hover { opacity: 1; filter:alpha(opacity=100); } .slide-prev a:before, .slide-next a:before { font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: #fff; font-size: 30px; padding: 20px 23px; display: block; } .slide-prev a:before { content: "\f104"; } .slide-next a:before { content: "\f105"; } /* =CONTENT SECTION ----------------------------------------------- */ .single-page { margin-top: 50px; } .single-header {padding: 2% 0;background-color: #444;} .single-header h2 { font-size: 2.5em; color: #e96045; font-weight: 200; margin-bottom: 16px; } .news-excerp-list,.content-box{ } .sidebar { } .single-page p a{color: #e96045;} .single-page p a:hover{color: #555;} .content-box strong{ font-size: 1.5em; color: #555; font-weight: 400; } .single-page p{margin-bottom: 10px;} .single-page .content-box ol, .single-page .content-box ul{margin: 10px 0;} .single-page .content-box ol li, .single-page .content-box ul li{ margin-bottom: 10px; color: #4E4E4E; font-size: 20px; font-weight: 200; margin-left: 3%; } .content-box img{padding: 2% 0 3%;} .sidebar h4{ font-weight: 400; padding-bottom: 8px; margin-bottom: 17px; } .widget-box{margin-bottom: 30px;} .widget-box ul li{ margin-bottom: 10px; border-bottom: 1px dotted #CCC; padding-bottom: 10px; } .widget-box ul li a{color: #444; font-weight: 300;} .widget-box ul li a:hover{color: #e96045} .date-list, .author-name {float: left;margin-right: 15px;} .date-list label, .author-name a { display: block; float: left; } .date-icon, .author-icon { width: 32px; height: 32px; display: block; float: left; } .single-page h3{clear:both; padding-bottom: 5px;} .single-page h3 a{ color: #444; display: block; font-weight: 400 } .news-bottom{width: 100%;padding-bottom: 20px;} .news-bottom{ font-size: 14px;} .single-page h3 a:hover{color: #e96045;} .news-excerp-list li{margin-bottom: 60px;} .read-btn{ float: right; width: 100px; margin-top: 7px; } /* =PRIMARY AND SECONDARY CONTENT AREA ----------------------------------------------- */ #primary { float: left; width: 63.28571428%; } #secondary { float: right; width: 31.14285714%; } /* =2,3,4 COLUMNS ----------------------------------------------- */ /* THREE COLUMN */ .tg-one-third { float: left; margin: 0 3.6364% 0 0; width: 30.909%; } .tg-one-third-last { float: right; margin-right: 0; } /* FOUR COLUMN */ .tg-one-fourth { float: left; width: 23.1527094%; margin: 0 2.46305419% 0 0; } .tg-one-fourth-last { margin: 0px; } .tg-one-half { float: left; width: 48.7684729%; margin: 0 2.46305419% 0 0; padding: 0px 0px 30px; } .tg-one-half-last { float: right; margin: 0px; } /* =NAVIGATION ----------------------------------------------- */ nav li > ul, nav li > ol { margin: 0; list-style: none; } .main-navigation { float: right; } .main-navigation li { float: left; position: relative; padding: 0 20px; } .main-navigation ul.nav-menu > li { } .main-navigation .nav-menu > li:last-child { margin-right: 36px; } .main-navigation li > a { line-height: 70px; height: 70px; } .main-navigation ul li a { font-size: 14px; } .main-navigation li.default-menu, li.default-menu { display: none; } .main-navigation a { color: #888888; display: block; float: left; font-weight: 300; } .main-navigation ul.nav-menu > li.current-menu-item, .main-navigation ul.nav-menu > li.current_page_ancestor, .main-navigation ul.nav-menu > li.current-menu-ancestor, .main-navigation ul.nav-menu > li.current_page_item, .main-navigation ul.nav-menu > li:hover { border-top: 2px solid #e96045; margin-top: -2px; } .main-navigation a:hover, .main-navigation ul li.current-menu-item a, .main-navigation ul li.current-menu-item a:after, .main-navigation ul li.current_page_ancestor a, .main-navigation ul li.current-menu-ancestor a, .main-navigation ul li.current_page_item a, .main-navigation ul li:hover > a, .main-navigation li.menu-item-has-children:hover > a:after { color: #e96045; } .main-navigation li.menu-item-has-children > a:after, .main-navigation li li.menu-item-has-children > a:after { font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: #fff; font-size: 12px; padding-left: 6px; color: #888888; } .main-navigation li.menu-item-has-children > a:after { content: "\f0d7"; } .main-navigation li li.menu-item-has-children > a:after { content: "\f0da"; position: absolute; right: 8px; } /* =DROP DOWN ----------------------------------------------- */ .main-navigation ul li ul, .main-navigation ul li:hover ul ul, .main-navigation ul ul li:hover ul ul, .main-navigation ul ul ul li:hover ul ul, .main-navigation ul ul ul ul li:hover ul ul { display:none; z-index: 9999; } .main-navigation ul li:hover ul, .main-navigation ul ul li:hover ul, .main-navigation ul ul ul li:hover ul, .main-navigation ul ul ul ul li:hover ul, .main-navigation ul ul ul ul ul li:hover ul { display:block; } .main-navigation ul li ul { background-color: #ffffff; left: -1px; position: absolute; top: 70px; width: 160px; } .main-navigation ul li .sub-menu a { text-transform: none; } .main-navigation ul ul > li:last-child { border-bottom: 1px solid #eaeaea; } .main-navigation ul li ul li { float: none; padding: 0; border-left: 1px solid #eaeaea; border-right: 1px solid #eaeaea; border-top: 1px solid #eaeaea; } .main-navigation ul li ul li a, .main-navigation ul li.current-menu-item ul li a, .main-navigation ul li ul li.current-menu-item a, .main-navigation ul li.current_page_ancestor ul li a, .main-navigation ul li.current-menu-ancestor ul li a, .main-navigation ul li.current_page_item ul li a { float: none; line-height: 21px; font-size: 13px; height: 100%; padding: 10px 20px; color: #888888; } .main-navigation ul li ul li a:hover, .main-navigation ul li ul li:hover > a, .main-navigation ul li.current-menu-item ul li a:hover { color: #e96045; } .main-navigation ul li ul li ul { left: 158px; top: -1px; } .main-navigation select { display: none; } /* =RESPONSIVE MENU ----------------------------------------------- */ .menu-toggle, .top-menu-toggle { display: none; cursor: pointer; } /* =SEARCH WIDGET ----------------------------------------------- */ #masthead .search-wrap input.s { width: 180px; } .fa.search-top { color: #e96045; position: absolute; right: 0; line-height: 70px; cursor: pointer; padding-right: 10px; padding-left: 10px; } .search-wrap { position: relative; } .search-wrap button { border-radius: 0; color: #fff; line-height: 45px; margin-bottom: 0; padding: 0 15px; position: absolute; } .search-icon:before { content: "\f002"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: #ffffff; font-size: 18px; } .search-form-top { border: 1px solid #eaeaea; display: none; padding: 10px 56px 10px 10px; position: absolute; right: 0; top: 70px; z-index: 9999; background-color: #ffffff; } /* =BUSINESS WIDGETS ----------------------------------------------- */ .page-template-business .widget.widget_service_block .feature-box-wrap, .page-template-business .widget.widget_service_block .services-box { max-width: 1100px; margin: 0 auto; } .services-box{text-align: center;} .blog-excerp-section h2, .big-gray-box h2, .services-box h2{ text-transform: uppercase; border-bottom: 4px solid #c3512f; display: inline; padding-bottom: 10px; } .portfolio-container,.services-content{ } .feature-box{ text-align: center; } .feature-box h5{ padding: 20px 0; font-size: 20px; } .feature-box span.icons{ width: 100px; height: 100px; border-radius: 50%; border: 2px solid #f8f8f8; display: block; position: relative; margin: 0 auto; } .feature-box span i{ font-size: 36px; line-height: 102px; margin: 0; color: #c3512f; } .portfolio-container .tg-one-fourth {position: relative; float:left;} .portfolio-container .tg-one-fourth:hover .moving-box{bottom: 0;} .portfolio-container .tg-one-fourth .thumbnail{position: relative; padding:0; overflow: hidden;} /* =CALL TO ACTION WIDGET ----------------------------------------------- */ .page-template-business .widget.widget_call_to_action { } .page-template-business .widget.widget_call_to_action .call-to-action-content-wrapper { padding: 100px 60px; } .call-to-action-content-wrapper h3 { padding-bottom: 0; font-size: 26px; color: #ffffff; line-height: 2; text-align: center; } .call-to-action-button { border: 2px solid #ffffff; color: #ffffff; font-size: 18px; line-height: 2; text-align: center; padding: 14px 30px; margin-left: 60px; } .call-to-action-button:hover { background: rgba(255, 255, 255, 0.26); color: #ffffff; } /* =PAGE HEADER TITLE ----------------------------------------------- */ .header-post-title-container { padding: 60px 0; background: transparent; border-bottom: 1px solid #f2f2f2; } .header-post-title-container .post-title-wrapper { float: left; max-width: 100%; padding-right: 30px; } .header-post-title-class { font-size: 24px; padding-bottom: 0; color: #ffffff; } /* =BREADCRUMB NAVXT PLUGIN SUPPORT ----------------------------------------------- */ .breadcrumb { float: right; text-align: right; margin-top: 8px; margin-bottom: 2px; font-size: 14px; } .breadcrumb { color: #666666; font-weight: 300; } .breadcrumb a { color: #e96045; } /* =SCROLL UP ----------------------------------------------- */ a#scroll-up { bottom: 20px; position: fixed; right: 20px; display: none; background-color: #ffffff; opacity: 0.5; filter:alpha(opacity=50); /* For IE8 and earlier */ padding: 14px 18px; border-radius: 2px; font-size: 20px; } a#scroll-up i { color: #e96045; } a#scroll-up:hover { opacity: 1; filter:alpha(opacity=100); /* For IE8 and earlier */ } /* =PORTFOLIO WIDGET ----------------------------------------------- */ .widget_portfolio_block { } .portfolio-container { background-color: transparent; padding: 80px 0; } .portfolio-container img { margin-bottom: 0; } .widget_portfolio_block h3.widget-title { color: #fff; text-align: center; text-transform: uppercase; padding-bottom: 0; } .widget_portfolio_block h3.widget-title:after { background: none repeat scroll 0 0 #ccc; content: ""; display: block; height: 2px; margin: 20px auto; width: 100px; } .portfolio-content { text-align: center; padding-bottom: 50px; } .portfolio-content p { color: #ffffff; } .moving-box{ position: absolute; bottom: -80px; left: 0; right: 0; } .moving-box a{ color: #fff !important; display: block; background-color: #c3512f; padding: 15px 5px; text-align: center; } .view-detail a { height: 58px; width: 58px; display: block; position: absolute; top: -70px; z-index: 1; left: 0; right: 0; margin: auto; text-align: center; } .portfolio-container .tg-one-fourth:hover .view-detail a{top: 70px; } .fa.fa-link { font-size: 40px; line-height: 58px; } .punch-link { text-align: center; } .punch-link h2{color: #fff; padding: 60px 0 0;} .punch-link h2 a{} .portfolio-button { display: inline-block; color: #ffffff; font-size: 16px; padding: 18px 20px; text-transform: uppercase; letter-spacing: 2px; border: 1px solid #ffffff; margin-top: 40px; } .portfolio-button:hover{ background: rgba(255, 255, 255, 0.26);} /* =SERVICE WIDGET ----------------------------------------------- */ .widget.widget_service_block { padding: 60px 0; } .widget_service_block h3.widget-title { text-align: center; text-transform: uppercase; padding-bottom: 0; } .widget_service_block h5 a { color: #666666; } .widget_service_block h5 a:hover { color: #e96045; } .widget_service_block h3.widget-title:after { background: none repeat scroll 0 0 #ccc; content: ""; display: block; height: 2px; margin: 20px auto; width: 100px; } .widget_service_block .services-content p { padding-bottom: 50px; margin-bottom: 0; } .blog-excerp-section .widget-title { text-transform: uppercase; } .blog-excerp-section .widget-title:after { background: none repeat scroll 0 0 #ccc; content: ""; display: block; height: 2px; margin: 20px auto; width: 100px; } .blog-excerp-section{margin-top: 60px;} .blog-wrapper{padding: 40px 0;} .blog-img-wrap{ width: 170px; height: 140px; margin-right: 4%; margin-bottom: 4%; } .blog-excerp-section ul li h3{ margin: 0 0 6px 0; font-size: 25px; padding-bottom: 0; } .blog-excerp-section ul li{ margin-bottom: 10px; } .blog-excerp-content p{} .title-wrap{text-align: center; line-height: 28px;} .blog-excerp-content a{color: #e96045;} .blog-excerp-content a:hover{color: #666666;} .blog-excerp-content h3 a{color: #666666;} .blog-excerp-content h3 a:hover{color: #e96045;} /* =FOOTER ----------------------------------------------- */ #colophon{ font-size: 14px; clear: both; color: #777; background-color: #1f2021; overflow: hidden; padding: 50px 0 20px; } .scrollup:hover{opacity: 0.6;}*/ #colophon,#colophon a{color: #777;} .copyright-info ul li {margin-bottom: 10px; float: left;margin-left: 25px;} .copyright-info ul li a{color: #fff;padding: 5px 5px;} .copyright-info ul li a:hover{color: #1572C7;} .extra-info{float: right !important;} #colophon p{ font-weight: 200; color: #777; line-height: 22px; font-size: 15px; } #colophon a{ font-weight: 200; color: #777; line-height: 22px; font-size: 13px; } #colophon a:hover{color: #e96045;} #colophon-box{ float: left; width: 22%; margin-right: 4%; } /* =FOOTER WIDGET AREA ----------------------------------------------- */ .footer-widgets-wrapper { } .footer-widgets-area { padding-bottom: 40px; color: #b1b6b6; } .footer-widgets-area .tg-one-fourth .widget-title { text-align: left; } .footer-widgets-area h3.widget-title { color: #D5D5D5; } .footer-widgets-area .tg-one-fourth p { text-align: left; color: #b1b6b6; } .footer-widgets-area a { color: #D5D5D5; } .footer-widgets-area a:hover { color: #e96045; } #colophon .widget { padding-bottom: 25px; } #colophon .widget-title { font-size: 22px; line-height: 1.4; } #colophon, #colophon p { font-size: 14px; line-height: 1.4; }