/************************************** Theme Name: Lustrous Theme URI: http://webloggerz.com/lustrous-wordpress-theme/ Description: A Free WordPress Blog / Magazine / News Theme Author: WebLoggerz Author URI: http://webloggerz.com/ Version: 1.3.1 Tags: microformats, rtl-language-support, black, dark, white, pink, two-columns, fluid-layout, responsive-layout, custom-header, custom-menu, custom-colors, featured-images, flexible-header, post-formats, sticky-post, threaded-comments, translation-ready, editor-style, microformats, rtl-language-support, right-sidebar, left-sidebar, gray, red, white, light, full-width-template, theme-options Text Domain: Lustrous License: GNU General Public License v2.0 License URI: http://www.gnu.org/licenses/gpl-2.0.html ------------ Index ------------ 01. GENERAL STYLES 02. LAYOUT & GRID STYLES 03. H1, H2, H3, H4, H5 STYLES 04. LINK STYLES 05. HEADER STYLES 06. NAVIGATION STYLES 07. POSTS & CONTENT STYLES 08. SIDEBARS & ASIDES 09. COMMENT STYLES 10. COMMENT FORM STYLES 11. WORDPRESS BODY CLASSES 12. PAGE NAVI STYLES 13. FOOTER STYLES ******************************************/ /********************* 01. GENERAL STYLES*/ *{ padding:0; margin:0; outline:none; list-style:none; border: 0 none;} html {} body { font-family: 'Varela Round', Sans-serif, Arial; font-size: 13px; line-height:1.5; color:#000; width:100%;} p{word-spacing:0.1em; padding:10px 0;line-height: 2.2; font-size:15px; font-family: 'Varela Round', Sans-serif, Arial;} a{} .clr {clear:both;} img{max-width:100%;height:auto;} textarea, input[type=text], input[type=password], input[type=email], select {border: 1px solid #ccc; background: #fff; font-size: inherit;} input, select {cursor: pointer;} input[type=text], input[type=password], input[type=email] {cursor: text;} textarea {overflow:auto;} textarea, input {padding: 5px;outline: none;} select {padding: 2px;} option {padding: 0 4px;} input[type=button], button {padding: 4px;cursor: pointer;vertical-align: middle;} input:hover{color:#111;} input.text_input,textarea.textarea {border: 1px solid #ccc;-moz-border-radius: 1px;-webkit-border-radius: 1px; border-radius: 1px;} input.text_input:focus,textarea.textarea:focus {border: 1px solid #999; } #menu-icon, .search-block .search-button, .post-meta-author,.post-meta-date,.post-meta-comments, #gototop, .facebook, .twitter, .pinterest, .rss,.youtube, .googleplus, .stumbleupon {background-image:url(images/sprite.png); background-repeat: no-repeat;} /********************* 02. LAYOUT & GRID STYLES */ .aligncenter{float:center;} .alignright {float:right;} .alignleft {float:left;} .center {text-align:center;} .wrap {margin:0 auto;} .container {max-width:1240px; margin:auto; clear:both;} .post-container,.page-container,.cat-container,.home-container {margin-right: 440px; overflow:auto;} .full-width{margin-right:0px !important; margin-left:0px !important; } .entry-content p{padding:10px 20px;} .entry-content p, .entry-content li{font-size:15px; line-height:2.2;} /* .entry-content p a, .entry-content li a{border-bottom:3px solid;} */ #inner-content{overflow:auto;} #content{float: left; width: 100%; margin-bottom:20px;} .one-col {width: 6.85483%; } .two-col {width: 15.32258%;} .three-col {width: 23.79032%;} .four-col {width: 32.25806%;} .five-col {width: 40.7258%; } .six-col {width: 49.19354%;} .seven-col {width: 57.66129%;} .eight-col {width: 66.12903%;} .nine-col {width: 74.59677%;} .ten-col {width: 83.06451%;} .eleven-col {width: 91.53225%;} .twelve-col {width: 100%; margin-right: 0;} .one-col, .two-col, .three-col, .four-col, .five-col, .six-col, .seven-col, .eight-col, .nine-col, .ten-col, .eleven-col, .twelve-col { clear: none; display: inline; float: left; margin-bottom: 10px; margin-right:1.61291%;overflow:hidden; padding: 0; position: relative;} .first {margin-left: 0 !important; } .last {margin-right:0 !important; } .mtop{ margin-top:20px;} .mbottom {margin-bottom:20px;} .mleft {margin-left:20px;} .mright {margin-right:20px;} .mdefault{margin:20px;} .mnone {margin:0px;} .pnone {padding:0px;} .vsmall {font-size:11px;} .small {font-size:12px;} .medium {font-size:13px;} .big {font-size:14px;} .sticky {} .bypostauthor {} /******************************* 03. H1, H2, H3, H4, H5 STYLES */ h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 , h6 , .h6{ margin:10px 0; font-family: 'Varela Round', Sans-serif, Arial; color:#111; clear:both;} h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a , h6 a, .h6 a { text-decoration: none; color: #111;} h1,.h1 {font-size:30px} h2,.h2 {font-size: 26px;} h3,.h3 {font-size: 24px;} h4,.h4 {font-size: 22px;} h5,.h5 {font-size: 20px;} h6,.h6 {font-size: 18px;} /********************* 04. LINK STYLES */ a{color:#1e8cbe; text-decoration:none;} a, a:visited {} a:hover , a:visited:hover, a:focus, a:visited:focus {} a:link, a:visited:link {} /****************** 05. HEADER SYTLES */ #top-header{ margin:auto; position: relative; width: 100%; min-height:90px;} #top-header .logo, #footer-logo .logo{ position: relative; float: left; color: #fff; font-size: 44px; font-weight:bold; /* max-height: 63px; */ z-index:999;} #top-header h1, #top-header h2{float:left; margin-top:15px; margin-bottom:15px;} #top-header .logo {height:60px;min-width:300px; background-repeat:no-repeat; color:#111; } .top-header-con {border-bottom:1px solid #111; border-top:1px solid #111;} /********************** 06. NAVIGATION STYLES */ .top-nav {float: right;margin-top: 30px; margin-right: 10px;font-size: 12px;} .top-nav li {position: relative; display: inline-block; float: left; padding: 6px 10px; border-radius: 2px;} .top-nav li a{color:#C58488; font-weight:bold; font-size:11px; } .top-nav li a:hover{ color:#fff; } .top-nav li.current-menu-item a{color:#fff;} .top-nav ul {background-color: #5A435A; display: none; padding: 0; position: absolute; top: 31px; left:0px; width: 180px; z-index: 99999; float: left;} #main-nav {margin:0 auto; /* background-color: #1e8cbe; */ min-height:60px;width:100%; clear:both;} #main-nav #main-menu{float:left; margin:0px; } #main-nav #main-menu li{position: relative; float: left; /* background-color: #1e8cbe; /* #F6F8F8; border-right:1px solid #6A5A5D; */ text-align: center;} #main-nav #main-menu li a { display: inline-block; color: #111; padding:20px 12px; font-size:13px; font-weight:bold; min-width:90px; height:20px; text-transform:uppercase;} #main-nav #main-menu ul {display: none; padding:0; position: absolute; top: 60px; width: 186px; z-index: 99999; float: left; left:0px; background-color:#333; } #main-nav #main-menu ul ul{display: none; padding:0; position: absolute; top: 0px; width: 186px; z-index: 99999; float: left; left:186px; background-color:#333; } #main-nav #main-menu li.simplemenu ul {width:186px;} #main-nav #main-menu ul li, #top-nav ul li { z-index: 99999; width: 186px; border:0 none; border-bottom: 1px solid #ff706c; font-size:12px; height:auto; margin:0; padding:0px;} #main-nav #main-menu ul a, #top-nav ul a { border:0 none; background: none !important; height: auto !important;line-height: 1em; padding: 20px 0px 20px 12px; width: 174px; display: block !important; margin-right: 0 !important; z-index: 99999; color: #FFF !important; text-align:left; font-weight:normal; font-size:12px;} #main-nav #main-menu li:hover, #main-nav #main-menu li.current-menu-item {background-color: rgba(255,255,255,0.1); /*#1e8cbe;*/ color:#fff !important;} #main-nav #main-menu li:hover > ul, #top-nav li:hover > ul {display: block;} #main-nav #main-menu ul li:hover > a, #main-nav #main-menu ul :hover > a , .top-nav ul li:hover > a, .top-nav ul :hover > a{color: #FFF;} #main-nav #main-menu ul li {background-color:#333;} #menu-icon{display:none; color:#fff; height:30px; cursor:pointer; padding:21px 8px 0 45px; float:left; font-weight:bold; background-position: -223px 12px;} #main-nav #socialcircle{float:right;} #main-nav #socialcircle li {float:left;margin-right: 20px;margin-top:7px} #image-navigation{float:right; margin-top:20px;} /********************* 07. POSTS & CONTENT STYLES */ #crumbs{margin-bottom: 10px;font-family: 'Varela Round', Sans-serif, Arial; clear: both; font-size:12px; padding-bottom: 5px; color:#C58488; border-bottom: 1px solid #F0F0F0;} .post-meta {font-size: 12px; color: #999; padding-top:0px;border-bottom: 1px solid #F0F0F0;} .post-meta-date{ background-repeat: no-repeat; padding-left: 25px; margin-right:15px; background-position: -239px -44px;} .post-meta-comments{ background-repeat: no-repeat; padding-left: 25px; background-position: -239px -74px; margin-right: 15px;} .post-meta-author{ background-repeat: no-repeat; padding-left: 25px; background-position: -239px -60px; margin-right: 15px;} .post-meta-author a , .post-meta-comments a {color:#999;} .post-meta-author a:hover , .post-meta-comments a:hover{color:#FF706C;} /* Authors Page */ .our_authors {overflow: hidden;} .our_authors .item {padding: 10px; width: 10%; margin:20px 5px; float: left; min-width:120px; height:120px; position:relative;} .our_authors .item img{border-radius:100px; width:100%; height:auto; margin:0px;} .our_authors .item .desc {display:none; position: absolute; top:10px; z-index: 2; text-align: center; width: 120px } .our_authors .item:hover .desc{ display:block;} .our_authors .item:hover img{opacity:0.1 !important;} .our_authors .item .desc h6 {font-weight: bold; margin-bottom: 5px;font-size:12px; margin-top:29px;} .our_authors .item .desc p {font-size:14px; font-weight:bold; margin-bottom: 5px;} /* Category Pages */ .cat-container article, .home-container article{ position:relative; } /*.cat-container .item-list:nth-child(even) {margin-right: 2.5%;} */ /*.home-container .item-list:nth-child(odd) {margin-right: 2.5%;} .item-list{background-color:#fff;float:left;} */ .cat-head{background-color: #333; color:#fff; margin-top: 0px; padding: 20px;overflow: auto;} .cat-head h1{margin:0px; color:#fff;} .cdetail .postmeta{ color:#999;} .cdetail .postmeta a{ color:#999;} .cdetail .postmeta a:hover{ color:#999;} .cdetail .postmeta span { background-color: #ff6; padding: 3px; border-radius: 3px;} .cthumb {position: relative; height:350px; /*206px; */ overflow:hidden; margin-bottom:15px; } .cthumb a {display:block;} .cthumb a img {height:350px; /*206px; */ width:100%; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease;} .cthumb a img:hover {-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); overflow:hidden;} .catbox { position: absolute; z-index: 10; bottom: 10px; left: 10px;} .catbox ul li{float:left;display:inline-block;} .catbox a, .hcat a:visited { color: #fff !important; padding: 3px 10px; background: #FF706C; margin-right:1px;} .cdetail { /* padding: 10px; */} .cdetail h3, .cdetail h2{font-size:36px; font-weight:normal;} .cdetail h3 a:hover, .cdetail h2 a:hover{color:#FF706C;;} .cdetail .postmeta{ font-style:italic; margin-bottom:10px;} .cdetail .postmeta p a:hover{ text-decoration:underline;} .singlebox{background-color:#fff; padding:20px;} .byline { color: #999;} .entry-content ul, .entry-content ol{ margin: 0 15px 15px 20px; padding-left:20px} .entry-content ul li, .entry-content ol li{font-family: 'Varela Round', Sans-serif, Arial; margin-left:10px} .entry-content ul li {list-style: circle;} .entry-content ol li {list-style: decimal;} .single-post-thumb { width: 100%;} .article-footer .tags a, .widget_tag_cloud a{ background-color: #BBB; padding: 2px 4px; color: #FFF; font-size: 13px; white-space:nowrap;} .post-shares{padding-bottom:20px;} .post-share{overflow:auto; padding:20px 0 20px 0;} .post-share li{float:left; margin-right:20px;} /*Author Box*/ .authorbox {overflow: hidden; border-top: 1px solid #F1F1F1; border-bottom: 1px solid #F1F1F1; background-color: #333; margin-left: -20px; margin-right: -20px; padding: 20px;} .authorleft { float: left; overflow: hidden; padding: 20px 0 20px 0; width: 100%; } .authorleft .authorimg { float: left; width: 136px; } .authorbio { line-height: 170%; margin-left: 180px; } .author-title{font-size:22px; font-family: 'Varela Round', Sans-serif, Arial; color:#fff;} .author-title:hover{ text-decoration:underline; color:#fff;} .authorbio p { color: rgba(255,255,255,0.9); margin-bottom: 10px; font-size:13px;} .authorlinks a{margin-right: 40px; font-size:15px; rgba(255,255,255,0.6); font-family: 'Lato', Arial, Helvetica, sans-serif; color:#fff; border-bottom: 1px solid rgba(255,255,255,0.2); padding-bottom: 3px;} .authorlinks a:hover{ border-bottom-color:#fff; color:#fff !important;} .authorleft .authorimg img { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 3px solid #e2e2e2; } .authorbio .authorlinks { margin-top: 5px; color: #fff; } .authorbio .authorlinks a{ margin-top: 5px; color: #fff; } /*Related Articles*/ .related-articles{border-bottom: 1px solid #f0f0f0;overflow:auto;} .related-articles h4{margin:20px 0px;} .related-article:nth-child(3) {margin-right: 0;} .related-article img{ height:auto; width:374px; height:199px;} .related-article h5{text-align:center;margin-top:0px;} .related-article h5 a{color:#333;} .related-article h5 a:hover{color: #FF706C;} /* Scroll to top */ #gototop{ z-index: 2; background-color: #FF706C; background-position: -159px -38px; width: 35px; height: 35px; text-indent: -99999px; overflow: auto; position: fixed; bottom: -100px; right: 10px; cursor: pointer; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out; transition: all .7s ease-in-out;} /* Search Box */ .search-block { overflow: hidden; float: right;margin-top: 29.5px;} #searchform{ overflow: hidden; border: 1px solid #FF706C; border-radius: 2px; height: 29px;} .search-block .search-button { background-position: -193px -43px; cursor: pointer; float: right; height: 29px; width: 30px; text-indent: -999999px; display: block; border: 0 none; background-color:#5A435A } .search-block #s { background-color: #5A435A; float: right; font: normal 11px Trebuchet MS; padding: 0 10px 0 10px; width: 180px; height:29px; color: #FF706C; border:none; border-radius:2px; -o-transition: width .7s , color .4s; -webkit-transition: width .7s , color .4s; -moz-transition: width .7s , color .4s; transition: width .7s , color .4s;} .search-block #s:focus{background-color:#C58488; color:#fff; border:none !important;} /* 404 Page */ .not-found-block #s{background: #fff; font: normal 11px Trebuchet MS; padding: 6px 12px 7px 12px; width:50%; border: 1px solid #ececec;-o-transition: width .7s , color .4s; -webkit-transition: width .7s , color .4s; -moz-transition: width .7s , color .4s; transition: width .7s , color .4s;} .not-found-block #s:focus{background-color:#f2f2f2; color:#111; } .not-found-block .search-button{ background-color:blue; cursor: pointer; color:#fff; width:10%; min-width:80px; height: 35px;border: 0 none;} .entry-content { clear:both; overflow:hidden; } .entry-content a{border-bottom: 1px solid #DDD;} .entry-content a:hover{ border-bottom-color: #1e8cbe; } .entry-content dd { margin-left: 0; font-size: 0.9em; color: #787878; margin-bottom: 1.5em;} .entry-content img { margin: 0 0 1.5em 0 ; max-width: 100%; height: auto;} .entry-content video, .entry-content object { max-width: 100%; height: auto;} .entry-content pre { word-wrap: break-word; background: #eee; border: 1px solid #cecece; padding: 10px;} article .entry-content table { border-spacing: 0; border-collapse: collapse; margin: 20px; } article .entry-content td, article .entry-content th { padding: .5em .75em; border: solid 1px #000; } /* end .entry-content */ .wp-caption {max-width: 100%; background: #eee; padding: 5px;} .wp-caption img {max-width: 100%; margin-bottom: 0; width: 100%;} .wp-caption p.wp-caption-text { font-size: 0.85em; margin: 4px 0 7px;text-align: center;} .gallery .gallery-caption {color: #888;margin: 0 0 12px;} /* Images */ .alignleft{margin: 0 1.5em 1.5em 0;} img.size-auto, img.size-full, img.size-large, .attachment img, .attachment-full { max-width: 100%; height:auto;} img.alignleft, img.centered, img.aligncenter, img.alignright, img.alignnone, .attachment-full , .attachment .entry-content img, .size-full{ padding: 4px; margin: 8px; display: block/*inline*/; border: 1px solid #cbcdcc; box-sizing:border-box;} img.centered, img.aligncenter, img.alignnone, .attachment .entry-content img{ margin:0px auto; max-width:100%;} .entry-content .attachment{margin:20px 0px;} img .attachment{margin:20px 0px; } img.alignleft{margin-left:0px;} img.alignright{margin-right:0px;} .wp-caption { background: #f1f1f1; line-height: 18px; margin-bottom: 20px; max-width: 100% !important; padding: 4px; text-align: center;} .wp-caption img {max-width: 100% !important;} .wp-caption p.wp-caption-text { color: #888; margin: 5px;} /********************** 08. SIDEBARS & ASIDES */ #sidebar {width: 420px; margin-left: -420px; float: right; overflow: hidden; } .widget{ margin-bottom:20px;} .widget ul li {} .ads200-widget{margin-bottom:0px;} .ads200 .ad-cell{width:200px; float:left;} .ads200 .ad-cell img{width:100%; max-height:125px;} .ads200 .ad-cell:nth-child(odd){margin-right:20px;} .ads125_125-widget{margin-bottom:0px;} .ads125-125{padding:2.5px;} .ads125-125 .ad-cell{width:125px;float:left} .ads125-125 .ad-cell img{width:100%; max-height:125px;} .ads125-125 .ad-cell:nth-child(2),.ads125-125 .ad-cell:nth-child(5){margin-right:20px; margin-left:20px;} .widget_recent_entries{background-color:#333; padding:10px;} .widget_recent_entries h4{margin-top: 0px; color: #fff; font-weight: normal;font-size: 18px;} .widget_recent_entries ul {padding:10px;} .widget_recent_entries li{overflow:auto; border-bottom: 1px solid #F1F1F1; margin-bottom: 10px; padding-bottom: 5px;} .widget_recent_entries li a { padding:5px 0;font-size: 15px; font-family: 'Open Sans', Arial, Helvetica, sans-serif; color: #fff; font-weight:bold; float: left; width: 100%; } .widget_recent_entries span{ font-size:12px;font-style:italic; color:#999;} /*.lustrous-category-posts h4, .widget_text h4, .widget_recent_entries h4{margin-top: 0px; color: #fff; padding: 5px 10px; background-color: #594255; font-weight: normal;font-size: 18px;} */ .lustrous-category-posts li {overflow:auto; border-bottom: 1px solid #f1f1f1; margin-bottom: 15px; padding-bottom: 15px;} .lustrous-category-posts li .post-thumbnail{float:left;position: relative; overflow: hidden; margin-top: 5px;} .lustrous-category-posts li .post-thumbnail img{width:150px; height:66px; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease;} .lustrous-category-posts li .post-thumbnail img:hover {-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); overflow:hidden;} .lustrous-category-posts li p { padding:0px;font-size: 18px; font-family: 'Varela Round', Sans-serif, Arial; color: #333; font-weight:bold; line-height: 28px;} .lustrous-category-posts li p a {color:#333;} .lustrous-category-posts li p a:hover{ color: #ff706c;} /********************* 09. COMMENT STYLES */ #comments { } #comments h3{margin:20px 0px;} .comment-list li { margin-bottom: 20px; clear: both;} .commentlist li:last-child {margin-bottom: 0;} .comment-list li[class*=depth-] { margin-top: 1.1em;} .comment-list li.depth-1 { margin-left: 0; margin-top: 0;} .comment-list li ul.children {margin-top: 20px; margin-left: 40px;} .comment-avatar { width: 48px; height: 48px; margin-right: 10px; background: white; padding: 2px; -moz-border-radius: 1px; -webkit-border-radius: 1px; box-shadow: 0 0 3px #B5B5B5; -moz-box-shadow: 0 0 3px #b5b5b5; -webkit-box-shadow: 0 0 3px #B5B5B5; float: left;} .comment-meta { overflow:auto; background: #f8f8f8; border-radius:2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; box-shadow: 0 0 1px 0 #FF706C; -moz-box-shadow: 0 0 1px 0 #FF706C; -webkit-box-shadow: 0 0 1px 0 #FF706C; position: relative; padding: 10px; } .comment-metadata a{font-weight:bold;font-size:15px;text-transform: capitalize; font-family: 'Varela Round', Sans-serif, Arial; color: #ff706c;} .comment-list .datetime { float: right;font-size:15px; font-family:'Varela Round', Sans-serif, Arial;} .comment-list .comment-content {margin-left: 62px;} .comment-list .comment-content p {} .comment-list .reply { text-decoration: none; float: right; background: #FF706C; padding: 3px 6px; color: #fff; border-radius:2px; font-weight: 700; font-size: 0.9em;} .comment-list .reply a{color:#fff; font-family:'Varela Round', Sans-serif, Arial; text-transform: capitalize;} .comment-list .reply:hover, .comment-list .reply:focus { opacity: 0.65; } /************************ 10. COMMENT FORM STYLES */ #respond { padding-bottom: 2.2em;} #respond h3{margin:20px 0;} #respond form input[type=text], #respond form input[type=email], #respond form input[type=url], #respond form textarea { padding: 3px 6px; border-radius:2px; background: #f8f8f8; line-height: 1.5em;} #respond form input[type=text]:focus, #respond form input[type=email]:focus, #respond form input[type=url]:focus, #respond form textarea:focus { background: #fff;} #respond-form form input[type=text]:invalid, #respond-form form input[type=email]:invalid, #respond-form form input[type=url]:invalid, #respond-form form textarea:invalid { outline: none; border-color: #fbc2c4; background-color: #f6e7eb; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none;} #respond-form form input[type=text], #respond-form form input[type=email], #respond-form form input[type=url] { max-width: 400px; min-width: 250px;} #respond-form form textarea { resize: none; width: 97.3%; height: 150px;} #comment-form-title {margin: 0 0 1.1em;} #allowed_tags {margin: 1.5em 10px 0.7335em 0;} .nocomments {margin: 0 20px 1.1em;} #respond .form-submit input, .button, .next-image a, .previous-image a{text-decoration: none; background: #FF706C; padding: 8px 16px; color: #fff; border-radius: 2px; font-weight: 700; font-size: 0.9em;} .button:hover, .next-image a:hover, .previous-image a:hover, #respond .form-submit input:hover{color:#fff !important; opacity: 0.65;;} .button a{color:#fff;} #respond .comment-form-comment textarea{width:98%;} /******************** 11. WORDPRESS BODY CLASSES */ label { display: block; margin-bottom: 10px; font-weight:bold;} .widget{ margin-bottom:20px; border-bottom: 5px solid #f1f1f1; padding-bottom: 40px; } .widget-title { text-transform: uppercase; font-size: 20px; } .widget ul li {} .widget_nav_menu #menu-top-menu li, .widget_archive ul li, .widget_categories ul li, .widget_meta ul li, .widget_pages ul li, .widget_nav_menu ul li, .widget_meta ul li, .widget_rss li , .widget_recent_entries li, .widget_recent_comments li { margin: 0 3px; display: block; border-bottom: 1px solid #f1f1f1; padding: 10px 0;} .widget_nav_menu #menu-top-menu li a, .widget_archive ul li a, .widget_categories ul li a, .widget_meta ul li a, .widget_pages ul li a, .widget_nav_menu ul li a, .widget_recent_comments ul li a, .widget_rss ul li a {color: #111 /*#FF706C !important */; display: inline-block; font-size: 14px; font-weight: bold; height: 20px;} .widget_nav_menu ul li ul, .widget_categories ul li ul {display:none;} .widget_nav_menu ul li a:hover, .widget_archive ul li a:hover, .widget_categories ul li a:hover, .widget_pages ul li a:hover, .widget_nav_menu ul li a:hover, .widget_recent_entries ul li a:hover {color:#ff706c; text-decoration:underline;} .widget_nav_menu ul li ul li a{padding:8px 10%;width:80%;} .widget_archive select, .widget_categories select{padding:5.5px; margin-left:20px; border: 2px solid #111; min-width:160px;} .widget_recent_comments li, .widget_rss li{ margin: 2px; padding: 10px;} /*.widget_rss li a{font-weight: bold; font-size: 15px;} */ .widget_rss li span{float: right; clear: both; width: 100%; text-align: right; font-style: italic; margin: 5px 0;} /*.widget_recent_comments li a{display: inline !important;font-size: 12px; font-weight:bold; color: #e0735e;} */ .widget_recent_comments li .url{text-transform: uppercase; font-style: italic;} #wp-calendar {width: 95%;} #wp-calendar caption { font-size:16px; color: #222;font-weight: bold; padding-bottom: 4px; text-align: center;} #wp-calendar tbody {color: #aaa;} #wp-calendar tbody td { color:#6A5A5D; padding: 6px 0 6px; text-align: center;} #wp-calendar tbody .pad , footer #wp-calendar tbody .pad{ background: none; border:0 none;} #wp-calendar tfoot #next {text-align: right;} /* Widget search --------------------------------------- */ .widget_search #searchform{border:0px; height:33px;} .widget_search form { position: relative; } .widget_search input { height: 30px; } .widget_search input#s { -webkit-appearance: none; width: 99%; padding: 0px; background: #FFF; font-family: 'Varela Round', sans-serif; font-size: 1rem; border-radius: 3px; } .widget_search #s:focus { outline: none; background: #EEE; color: #444; } .widget_search #searchsubmit { display:none !important;} .widget_search #searchsubmit { -webkit-appearance: none; position: absolute; right: 0; top: 0; width: 85px; line-height: 1; border: none; background: #1abc9c; border: 1px solid #1abc9c; color: #FFF; text-transform: uppercase; letter-spacing: 1px; font-size: 0.8rem; font-family: 'Varela Round', sans-serif; border-radius: 0 3px 3px 0; } .widget_search #searchsubmit:hover { cursor: pointer; background-color: #089D80; border-color: #089D80; } .screen-reader-text {clip: rect(1px, 1px, 1px, 1px); position: absolute !important; display:none;} #wp-calendar {width: 100%;} #wp-calendar caption { font-size:16px; color: #222;font-weight: bold; padding-bottom: 4px; text-align: center;} #wp-calendar tbody {color: #aaa;} #wp-calendar tbody td {background: #FF706C; color:#fff; padding: 6px 0 6px; text-align: center;} #wp-calendar tbody .pad , footer #wp-calendar tbody .pad{ background: none; border:0 none;} #wp-calendar tfoot #next {text-align: right;} /********************* 12. PAGE NAVI STYLES */ .pagenavi{ float:left; width:100%;} .pagenavi .pages {float: right; display: block; color:#111; font-size: 14px; padding: 7px 0 2px;} .pagenavi span.current {color: #fff; background-color: #111; float:left; padding: 4px 10px 6px; font-size:14px;} .pagenavi a, .pagenavi span.extend {float: left; font-size:14px; margin-top: 1px; margin-right:3px; color: #5A435A; padding: 4px 10px;} .page-navigation, .wp-prev-next { margin: 1.1em 0 2.2em;} .wp-prev-next .prev-link { float: left;} .wp-prev-next .next-link { float: right;} /********************* 13. FOOTER STYLES */ .footer, #inner-footer { clear: both; padding-top:20px;} #main-footer{ width:100%; margin-top:20px; border-top: 6px solid #ff706c;} #bottom-footer p{color:#fff; padding-top:0; font-size:11px; margin-top:2px;} #main-footer a {color:#C58488;} #main-footer a:hover{color:#fff;} #bottom-footer { background-color:#111; width: 100%; left: 0; bottom: 0; overflow:auto; z-index: 20; padding: 20px 0px;} #footer-nav-links { position: relative; font-size: 12px; text-align:right; } #footer-nav-links li {display:inline; margin-right: 10px;} #footer-nav-links li a{font-family: 'Varela Round', Sans-serif, Arial; font-weight: bold;} /* #footer-logo .logo{height: 21px; min-width: 150px; background-repeat: no-repeat;background-size: 147px; background-position: -0px -0px; background-image:url(images/lustrous-logo.png);} */ #footer-social-icons{float:right; width:auto;} #footer-social-icons a{float:left;width:32px; height:32px; margin:5px;} .facebook{background-position: -192px -3px;} .twitter{background-position: -128px -3px;} .pinterest{background-position: -32px -3px;} .rss{background-position: -160px -3px;} .youtube{background-position: -96px -3px;} .googleplus{background-position: -64px -3px;} .stumbleupon{background-position: 0px -3px;} #footer-copyright {float: left; width:100%; margin-top:10px; } footer #wp-calendar tr th, footer #wp-calendar caption {color:#fff; } footer .widget_nav_menu #menu-top-menu li, footer .widget_archive ul li, footer .widget_categories ul li, footer .widget_meta ul li, footer .widget_pages ul li, footer .widget_nav_menu ul li, footer .widget_recent_comments li{ background-color:#5A435A;} footer .widget_pages ul li a, footer .widget_nav_menu ul li a{border-bottom: 1px solid #FF706C;} footer .widget_recent_comments li{color:#fff;} footer h4, footer h4 a{color:#C58488; margin-top:0px;} footer .widget_tag_cloud a{background-color:#5A435A;} footer .widget_recent_comments li, footer .widget_rss li{margin:1px !important;} @media only screen and ( min-width: 1025px ){ #main-menu{display:block !important;} .cat-container article, .home-container article{min-height:404px; padding-bottom: 20px; border-bottom: 1px solid #f1f1f1;} } /* TABLET : 1024px ----------------------------- */ @media only screen and ( max-width: 1024px ) and (min-width: 986px){ .container{/*width:986px;*/ width:100%;} .our_team .item{margin:4px !important;} .cat-container article, .home-container article{min-height:464px;} .cdetail .postmeta{width:84%; bottom:10px; } .our_authors .item{margin:7.4px;} } /* TABLET : 768px ----------------------------- */ @media only screen and (max-width: 985px) and (min-width: 768px){ .container{/*width:768px;*/ width:100%;} #top-header ul, #main-menu{display:none; background-color:#C58488;} .our_team .item{margin:0px !important; width:25%;} .cat-container article, .home-container article{width:100% !important; margin-right:0px !important;} #menu-icon{display:block;} #main-nav-wrap{position:relative;} #main-menu{ position: absolute; top: 60px; z-index: 10000; width: 100%; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #1e8cbe; background-color:#333;} #main-nav #main-menu li { float: none !important; display:inherit; overflow:auto; border-bottom: none !important; padding:0px !important; background-color:#333 !important;} #main-nav #main-menu li a{padding:8px 2%; float:left; text-align:left; width:96%; color:#fff;} #main-nav #main-menu li a:hover{color:#fff !important;} #main-nav #main-menu ul {display:block !important; width: 100% !important; position: relative !important; top: 0px !important; } #main-nav #main-menu ul ul{display:block !important; width: 100% !important; position: relative !important; top: 0px !important; left:0px; } #main-nav #main-menu ul li{width: 100%; border-bottom:none !important; background-color:#333; /* #1e8cbe; #F6F8F8; */} #main-nav #main-menu ul li a{color:#fff !important; text-shadow:none !important; width: 90%; padding:10px 5%; font-weight:bold; font-size:12px;} #main-nav #main-menu ul li a:hover{color:#fff !important;} #main-nav #main-menu ul ul li a{color:#fff !important; text-shadow:none !important; width: 80%; padding:10px 10%; font-weight:bold; font-size:12px;} #main-nav #main-menu li:hover{background-color: #333; /* #1e8cbe; #F6F8F8; */ color:#fff; } #main-nav #main-menu li a:hover, #main-nav #main-menu li ul li a:hover {background-color: rgba(255,255,255,0.1) /* #1e8cbe #F6F8F8 */ !important;} #main-nav #main-menu li ul li:hover > #main-nav #main-menu li a {color:#fff !important;} .author-site{font-size: 14px;float: left;text-align: left;width:100%;} .our_authors .item{margin:1.1px;} } /* Phone : 480px ----------------------------- */ @media only screen and (max-width: 767px) and (min-width: 480px){ .container{/*width:480px; */ width:100%;} #top-header ul,#main-menu{display:none;} #footer-social-icons, #footer-copyright{float:none !important;text-align:center;clear:both;} #sidebar{margin-left:0px !important; width:100%} .post-container,.page-container,.cat-container,.home-container {margin-right:0px !important;} #menu-icon{display:block;} #main-nav-wrap{position:relative;} #main-menu{ position: absolute; top: 60px; z-index: 10000; width: 100%; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #E0735E; background-color:#333;} #main-nav #main-menu li { float: none !important; display:inherit; overflow:auto; border-bottom: none !important; padding:0px !important; background-color:#333 !important;} #main-nav #main-menu li a{padding:8px 2%; float:left; text-align:left; width:96%; color:#fff;} #main-nav #main-menu li a:hover{color:#fff !important;} #main-nav #main-menu ul {display:block !important; width: 100% !important; position: relative !important; top: 0px !important; } #main-nav #main-menu ul li{width: 100%; border-bottom:none !important; background-color:#fff; /* #FF706C; */} #main-nav #main-menu ul li a{color:#fff !important; text-shadow:none !important; width: 90%; padding:10px 5%; font-weight:bold; font-size:12px;} #main-nav #main-menu ul ul li a{color:#fff !important; text-shadow:none !important; width: 80%; padding:10px 10%; font-weight:bold; font-size:12px;} #main-nav #main-menu li:hover{background-color:#333; color:#fff; /* #FF706C; */} #main-nav #main-menu li a:hover, #main-nav #main-menu li ul li a:hover {background-color: rgba(255,255,255,0.1) /* #E97C67 */ !important; color:#111;} .cat-container article, .home-container article{min-height:470px;} .cdetail .postmeta{width:90%; bottom:10px; } .cdetail h3{font-size:20px;} .ads200 .ad-cell{margin:1% 3% !important;} .ads125-125 .ad-cell {margin: 1% 3% !important;} #top-header .logo{background-size: 100% !important;background-position: 0px 10px !important; margin-top: -5px;} #top-header .logo{min-width:230px !important;} #footer-copyright .alignright{float:none !important;} #footer-copyright .alignleft {width:100%} .our_authors .item{margin:0px;} .widget_tag_cloud{overflow:hidden;} .widget_nav_menu #menu-top-menu li, .widget_archive ul li, .widget_categories ul li, .widget_meta ul li, .widget_nav_menu ul li{width:100%;} } /* Phone : 320px ----------------------------- */ @media only screen and (max-width: 479px){ .container, #footer-1, #footer-2, #footer-3, .widget_nav_menu #menu-top-menu li, .widget_archive ul li, .widget_categories ul li, .widget_meta ul li, .widget_nav_menu ul li {width:100%;} #top-header ul, #main-menu, .search-block, #socialcircle, #footer-nav-links, #footer-social-icons{display:none;} #top-header h1, #top-header h2{width:100%; } #top-header h1 a, #top-header h2 a{width:100%; background-position:center;} #footer-social-icons, #footer-copyright{float:none !important;text-align:center;clear:both;} #sidebar{margin-left:0px !important; width:100%} .post-container,.page-container,.cat-container,.home-container {margin-right:0px !important;} .cat-container article, .home-container article{width:100% !important; margin-right:0px !important;} #menu-icon{display:block;} #main-nav-wrap{position:relative;} #main-menu{ position: absolute; top: 60px; z-index: 10000; width: 100%; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #E0735E;} #main-nav #main-menu li { float: none !important; display:inherit; overflow:auto; border-bottom: none !important; padding:0px !important; background-color:#333 !important;} #main-nav #main-menu li a{padding:8px 2%; float:left; text-align:left; width:96%; color:#fff;} #main-nav #main-menu li a:hover{color:#fff !important;} #main-nav #main-menu ul {display:block !important; width: 100% !important; position: relative !important; top: 0px !important; } #main-nav #main-menu ul li{width: 100%; border-bottom:none !important; background-color:#fff; /* #FF706C; */} #main-nav #main-menu ul li a{color:#fff !important; text-shadow:none !important; width: 90%; padding:10px 5%; font-weight:bold; font-size:12px;} #main-nav #main-menu ul ul li a{color:#fff !important; text-shadow:none !important; width: 80%; padding:10px 10%; font-weight:bold; font-size:12px;} #main-nav #main-menu li:hover{background-color:#333; /* #FF706C; */ color:#fff;} #main-nav #main-menu li a:hover, #main-nav #main-menu li ul li a:hover {background-color: rgba(255,255,255,0.1) /* #E97C67 */ !important; color:#111;} .ads200 .ad-cell{margin: 1% 15% !important;} .ads125-125 .ad-cell {margin: 1% 4% !important;} #top-header .logo{background-position:center top;} .author-site{font-size: 12px;float: left;text-align: left;width:100%;} #footer-copyright .alignright{float:none !important;} #footer-logo{width:100% !important;} .our_authors .item{margin:0 -6px;} }