/* Theme Name: Derelict Description: Derelict Version:1 Author:leakinghate Theme URI:https://www.derelict.xyz/ Author URI:https://www.leakinghate.com/ */ /* *********************** -------------------------------------- -------------RESET--------------- -------------------------------------- *************************/ .test{display:none;} html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } article, aside, details, figcaption, figure, header, hgroup, menu, nav, section { display: block } nav ul { list-style: none } blockquote, q { quotes: none } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; text-decoration: none;} ins {color: #fff !important; text-decoration: none; border-radius:3px;padding:3px;} mark { background-color: #ff9; color: #fff; font-style: italic; font-weight: bold; padding:2px;} del { text-decoration: line-through } abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; } table { border-collapse: collapse; border-spacing: 0; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } input, select { vertical-align: middle } /*body, html { min-height: 100% }*/ body { } select{padding: 5px; min-width: 150 px;} body { font-size: small; letter-spacing: normal; line-height: 1.65em;} select, input, textarea, button { font: 99% sans-serif } input, select , textarea{ padding: 5px; color: #4c4c4c; outline: none; background-color: #fff;border: 1px solid #e7e7e7; border-bottom: 1px solid #D9D9D9;} textarea:focus {border: 1px solid #D9D9D9;} input[type="text"], input[type="password"], input[type="email"], select, textarea{padding-left:10px !important;} pre, code, kbd, samp { font-family: monospace, sans-serif } body, select,textarea { color: #999 } h1, h2, h3, h4, h5, h6 { font-family: sans-serif; font-weight: normal; line-height: 110%; margin-bottom: 10px; color: #999 } h1 { font-size: 26px } h2 { font-size: 22px } h3 { font-size: 20px } h4 { font-size: 18px } h5 { font-size: 16px } h6 { font-size: 14px } html { overflow-y: scroll } a:hover, a:active { outline: none } ul, ol { margin-left: 2em } ol { list-style-type: decimal } nav ul, nav li { margin: 0 } small { font-size: 11px;font-weight:normal; } strong, th { font-weight: bold } td, td img { vertical-align: top } sub { vertical-align: sub; font-size: smaller; } sup { vertical-align: super; font-size: smaller; } pre { padding: 15px; white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word; } textarea { overflow: auto } .ie6 legend, .ie7 legend { margin-left: -7px } input[type="radio"] { vertical-align: text-bottom } input[type="checkbox"] { } .ie7 input[type="checkbox"] { vertical-align: baseline } .ie6 input { vertical-align: text-bottom } input[type=button], input[type=submit], button { cursor: pointer } button, input, select, textarea { margin: 0; width:100%; } button { margin: 0; } input[type="submit"] {width:auto;} input:valid, textarea:valid { } input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; } .no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd } ::-moz-selection { background: #666; color: #fff; text-shadow: none; } a:link { -webkit-tap-highlight-color: #666 } button { width: auto; overflow: visible; } .ie7 img { -ms-interpolation-mode: bicubic } .ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; } .hidden { display: none; visibility: hidden; } .visuallyhidden { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); } .invisible { visibility: hidden } .clearfix:before, .clearfix:after { content: "�020"; display: block; height: 0 !important; visibility: hidden; } .clearfix:after { clear: both } .clearfix { zoom: 1 } html body div.clear, html body span.clear { background: none; border: 0; clear: both; display: block; float: none; font-size: 0; margin: 0; padding: 0; position: static; overflow: hidden; visibility: hidden; width: 0; height: 0; } img.centered, img.aligncenter { display: block; margin: 0 auto; overflow: hidden; padding: 4px; } img.alignright { padding: 4px; margin: 2px 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 2px 7px 2px 0; display: inline; } .alignright { float: right } .alignleft { float: left } .center { text-align: center } .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 1.65em; padding: 0 4px 5px; margin: 0; } code { font-size: 12px; display: block; border: 1px solid #eee; padding: 10px; margin: 10px 0 0 0; background: #FCFCFC; } .usercontent h1{margin:0; padding-left:0 !important;} .sticky{} .gallery-caption {} .bypostauthor{} #slider .images{opacity:0;} #breadcrumb, #breadcrumb a .button, .button:visited{padding:10px; color:#fff;} .image img{display:none;} .google-map-placeholder{border: 10px solid #eee !important;border-radius:5px;} .PostContent p{ text-align: left !important; } div, h1{-ms-word-wrap: break-word; word-wrap: break-word;} /* *********************** -------------------------------------- ---------------MAIN------------- -------------------------------------- *************************/ #headerwrap {position: relative; float:left; width: 100%; z-index: 999;border-bottom:none !important; } #header { margin: 0 auto; padding: 0; display: block; } #logo { position:absolute; text-align:center; float:left;} .main { margin: 0 auto; padding:0px; height: 100%; } .main { margin: 0 auto; height: 100%; } .mainwrap { float:left;position: relative; width: 100%; margin: 0; padding: 0;} .shadow { background: url(images/shadow.png) repeat-x; height: 16px; margin: 0; z-index: 20; } .mainwrap.shop .main.clearfix {margin-bottom:120px;} /* *********************** -------------------------------------- ------------TOP MENU-------- -------------------------------------- ************************/ .fixedmenu{display:none;position:fixed !important; background:#fff;background:rgba(255,255,255,0.95); margin-top: 0 !important;padding:5px 0 5px 0;z-index:9999;border-bottom:1px solid #eee\9; -moz-box-shadow: 0 1px 7px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 7px rgba(0,0,0,0.2); box-shadow: 0 1px 7px rgba(0,0,0,0.2); width:100% !important; } .holder-fixedmenu { margin:0 auto;} .fixedmenu .logo-fixedmenu{float:left; } .fixedmenu .logo-fixedmenu img{height: 98px;margin-top:-5px;} .fixedmenu .menu-fixedmenu{float:right;margin:6px -12px 0 0;} .fixedmenu .menu-fixedmenu li,.fixedmenu .menu-fixedmenu li.current-menu-ancestor{border:none; background:none; } .pagenav.fixedmenu{height:40px;} .fixedmenu .menu .pmcbig img {width:50%;text-align:center; margin-left:55px} .fixedmenu .menu .pmcbig ul.sub-menu li{padding:0;} .fixedmenu a {color:#1F1F1F!important;} .menu-fixedmenu li {padding:0px !important;} .menu-fixedmenu a {background: #ED2470; padding:13px;margin-top:-13px;background:none;margin-left:0 !important;}a .menu-fixedmenu a.important_color{} .cartWrapper {width:100%;margin-top:43px !important;position:relative;float:right; cursor:pointer;padding:10px 0px 5px 10px !important;font-weight:bold;line-height:22px; } .header-cart-icon {background: url(images/cartBox.png) no-repeat 0px 0px;width:37px;height:32px;float:right;margin-top:8px;margin-right:0px; } .header-cart-left {float:left; width:63%;margin-left:10px; } .header-cart-total {float:left;} .header-cart-items {float: left; width:100%;} .TopHolder{position: relative; width:100%; margin:0;z-index:10;background:#fff;} .TopHolder a {color:#463F3A !important;font-weight:bold;} .top-nav{width: 1180px;margin: 0 auto;height: 40px; } .top-nav a {color:#949393;font-size: 14px;font-weight:normal;text-transform:uppercase;} .top-nav ul{float:right; list-style: none; height:100%;margin-right:-12px;} .top-nav li{float:left;height:100%;} .top-nav li a {padding:7px 12px 0 12px; display:inline-block;} .top-nav li:last-child {border:none;} .topLanguage , .topNotification{float:left;} .topNotification{color:#463F3A; padding-top: 6px;} .topNotification div{float:left; margin-right:20px;} .topNotification span {font-size:14px;color:#463F3A !important;} .topNotification i{color:#463F3A !important;} /* *********************** -------------------------------------- ------------TOP MENU--------- -------------------------------------- ************************/ .respMenu {display:none;} .respMenu.noscroll{float:none;} .pagenav{margin:0; width:100%; text-align:center; margin:0 auto; } .menu-header .logout{display:none;} .menu-header { z-index: 9999; position: relative; top: 30px; } .menu, .menu * { margin: 0; padding: 0; list-style: none; } .menu { float: right;height:100%; } .menu > li { padding:0 15px; display: inline-block; text-align:center;} .menu > li:last-child {padding-right:0;} .menu > li a { display: block; position: relative; text-decoration: none; font-size:18px;text-transform:uppercase;} #header ul.menu > li > a { padding-top: 34px;padding-bottom:30px; } .menu > li a strong { display: block; letter-spacing: normal; font-weight:normal; } .menu li ul li:hover{background:#fcfbfb!important; } .has-sub-menu {} .menu .current-menu-ancestor.has-sub-menu {} .menu > li:last-child a strong:after {display:none;} .fixedmenu .current-menu-ancestor.has-sub-menu:before {display:none;} .menu {margin:0;} .menu .container { border:1px solid #dfdcdc; border-width: 1px 0 0 0; } .menu ul { list-style: none; margin: 0px; margin-left: -15px !important; font-size: 11px; text-align: center; } .menu ul li{ /*position: relative;*/ display:inline-block; float: left; } .menu ul li a { display: block; line-height: 22px; position: relative; padding: 12px 6px 7px 15px; } .menu > ul li a, .menu .menu > ul li a { } .menu ul li:first-child a{ border-left: 0px; } /* submenu */ .sub-menu{display: none !important;} /*PAGE HEADER*/ .outerpagewrap { position:relative; } .outerpagewrap p {text-transform:capitalize;margin-left:-2px;} .pagewrap{height:50px; width:100%; float:left; margin-top:0px;border-bottom:1px solid #e6e6e6;} .pagecontent{ margin:0 auto;} .pagecontentContent {margin-top:12px;} .pagecontentContent{float:right;} .outerpagewrap .portnavigation {float:right;margin-top:12px;} .outerpagewrap .portnavigation .portprev, .outerpagewrap .portnavigation .portnext{background:#CDCDCD; width:27px;height:27px;font-size:16px;line-height:26px; } .outerpagewrap .portnavigation span{float:right; margin-left:2px;} .outerpagewrap .portnavigation i {margin:0px 0 0 10px;line-height:0px;color:#fff;} .outerpagewrap .portprev i {margin-left:11px;} /*END PAGE HEADER*/ /* *********************** -------------------------------------- ------------CONTENT---------- -------------------------------------- *********************** */ .fullwidth .postcontent {margin-top:50px;} .content {width: 800px; padding: 0px 0 0px 0; margin-right: 0px; float: left; } .content.singledefult {padding-bottom:100px;} .post.home .content.singledefult {padding-bottom:0px;} .content.blog {margin:50px 0 100px 0;} .content.pagesidebar {padding:0;margin-top:50px;} .image-gallery .loading{background:url(images/loading.gif) no-repeat; height:60px !important; margin:0px 0 0 0px!important} .gallery p{margin:0;} .content .entry{float:left; width:100%;margin-top:10px;} .portsingle.home .postcontent.port{background:none; border:none;margin:15px 0 15px 0;} .portsingle.home {margin-left:0px;} /*single page*/ .postcontent{margin-bottom: 100px; padding-bottom:0px; height:auto !important; } .postcontent.singledefult {margin:50px 0 50px 0;} .postcontent h1{line-height:1.2em;text-transform:uppercase;font-size:50px !important;} .posttext { margin-bottom: 0px; padding: 0;} .posttext img:hover {opacity:0.85;filter:alpha(opacity=85);} .tags{font-size:16px !important;width:100%; float:left; margin:3px 10px 12px 0px;padding-bottom:30px;font-weight:bold;} .tags a{font-weight:normal;font-style: italic; } .tags i {margin-right:5px;} .socialsingle .tag{ float:left;} .singleBorder {background: url(images/mainBorderLine.png) repeat-x; width: 100%;height: 14px;margin-bottom:5px;} .sentry .singleBorder {display:none;} .post-page-links {font-weight:bold;} .post-page-links a:hover {text-decoration:underline;} .share-post {position:relative;float:left;margin:0px 10px 12px 0; padding-bottom:15px;padding-top:20px;border-bottom:1px solid #ededed;border-top:1px solid #ededed;width:100%;} .share-post-title {float:left;padding-top:10px;} .share-post-title h3 {font-size:24px !important;} .share-post-icon {float:right;text-align:center;} .share-post-icon .addthis_toolbox a, .share-post-icon a.emaillink{display:inline-block; float:none !important;} .share-post-icon .custom_images {display:inline-block;} /*end single page*/ /*404 page*/ .errorpage .posttext {text-align:center;padding: 15px 300px 15px 300px;} .errorpage {padding:70px 0} .errorpage .postcontent h2{line-height:1.2em; font-size:72px !important; text-align:center; padding: 20px 0 0 0;} .errorpage .postcontent{background:none; margin-bottom:25px; padding-bottom:0;} /*end 404 page*/ /*page*/ .fullwidth .postcontent h1{line-height:1.2em; } .pagesidebar .titleborder{margin-top:-21px; width:610px;} /*end page*/ .content p {margin: 0 0 1.5em 0;} .content blockquote {width:92.5%; background: #f1f1f1 url(images/quote.png) 700px 12px no-repeat; padding: 10px; margin:0px 0 10px 20px !important;border-bottom:5px solid #e8e7e7;padding: 15px 20px 15px 20px; font-style: italic; margin: 0; float:left;border-radius:5px;} .content blockquote:before { content: ""; position:absolute; margin-left:-40px; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 30px solid #f1f1f1; } .content form { margin: 20px 0 } .content form label {padding: 3px 0px;font-weight:bold;} .fullwidth { width: 100%; } .recentdescription h3 {text-transform:none;} /* *********************** -------------------------------------- ---------------BLOG------------- -------------------------------------- *************************/ .sentry embed {width:800px !important} .sentry object{width: 700px !important;} audio {width: 598px;} .blogsingleimage{width:800px; margin-bottom:10px;} .projectdetails .blogsingleimage{width:700px; margin-bottom:10px; position: relative; height: auto;} .blogsingleimage p, .content blockquote p {margin:0 !important; margin:0 !important;} .posttext .blogsingleimage{width:820px; margin-bottom:5px;} .blogimage{-webkit-transition: opacity 0.3s ease-in; -moz-transition: opacity 0.3s ease-in; -o-transition: opacity 0.3s ease-in; transition: opacity 0.3s ease-in;} .blogimage:hover{opacity:0.8;filter:alpha(opacity=80); /* For IE8 and earlier */} .blogsingleimage iframe{width:816px; height:460px; } .posttext .blogsingleimage {width: 800px;margin-bottom: 5px; } /*.posttext .blogsingleimage img{margin-left:1px;}*/ .blogheadingborder{background: url(images/blogLineSeparator.png) no-repeat; width:100%; float:left; height:5px; position:relative; z-index:9;} .blogheadingborderbottom{background: url(images/blogLineSeparatorLower.png) no-repeat 0 -5px; width:100%; float:left; height:40px; z-index:9999;} .error404 .bottomborder {margin-top:-21px;} .fullwidth .projectdescription .bottomborder{position:absolute; background: url(images/blogLowerBorder.png) no-repeat; width:820px; height:15px; margin-top:0px;} .pagesidebar .bottomborder {position:absolute; background: url(images/blogLowerBorder.png) no-repeat; width:820px; height:15px; margin-top: -21px;} .content.singledefult .bottomborder{position:absolute; background: url(images/blogLowerBorder.png) no-repeat; width:820px; height:15px; margin-top:-21px;} /*blog*/ .blogpostcategory .commentblog, .singledefult .commentblog{position: relative; width: 80px; top: -35px;} .singledefult .meta {float:left; margin: 10px 0 10px 0px;padding-bottom:0px;font-weight:bold;} .singledefult .meta a:hover {text-decoration:underline;} .singledefult .meta h1 {text-transform:uppercase;} .post.home .singledefult .meta h1 {margin-bottom:10px;} .singledefult .sentry { float:left; width: 100%;} .blogContent{float:left; width:100%;} .blogpostcategory .blogComments, .singledefult .blogComments {position:absolute;height:22px;width:22px;background:#000;border-radius:90px;text-align:center;border:3px solid #fff;margin:-105px 0 0 50px;-moz-box-shadow: 0 1px 10px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.2); box-shadow: 0 1px 10px rgba(0,0,0,0.2);} .blogpostcategory .blogComments a, .singledefult .blogComments a {color:#fff !important;} .blogpostcategory .blogIcon, .singledefult .blogIcon {margin:5px 10px 10px 10px;width:48px;height:48px;background:#fff;border-radius:50px; border:1px solid #ddd;-moz-box-shadow: 0 1px 10px rgba(0,0,0,0.15); -webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.15); box-shadow: 0 1px 10px rgba(0,0,0,0.15);} .blogpostcategory .blogIconDefault, .singledefult .blogIconDefault {width:40px;height:40px;background:#292A2B url(images/postTypesIcons.png) no-repeat 10px 8px; ;border-radius:50px;margin:4px;} .blogpostcategory .blogIconGallery, .singledefult .blogIconGallery {width:40px;height:40px;background:#292A2B url(images/postTypesIcons.png) no-repeat -34px 9px; ;border-radius:50px;margin:4px;} .blogpostcategory .blogIconAudio, .singledefult .blogIconAudio {width:40px;height:40px;background:#292A2B url(images/postTypesIcons.png) no-repeat -74px 8px; ;border-radius:50px;margin:4px;} .blogpostcategory .blogIconVideo, .singledefult .blogIconVideo{width:40px;height:40px;background:#292A2B url(images/postTypesIcons.png) no-repeat -113px 8px; ;border-radius:50px;margin:4px;} .blogpostcategory .blogIconLink, .singledefult .blogIconLink {width:40px;height:40px;background:#292A2B url(images/postTypesIcons.png) no-repeat -154px 9px; ;border-radius:50px;margin:4px;} .blogpostcategory h2, .singledefult h2 {margin: 0px 35px 10px 0px;font-size:40px !important; text-transform:uppercase;} .blogpostcategory .post-meta {font-weight:bold;padding-top:3px !important;} .blogpostcategory .post-meta a:hover {text-decoration:underline;} .blogpostcategory {position:relative; float:left;width: 800px; margin-bottom: 40px; padding: 0; height:auto !important; border-bottom: 1px solid #eee;} .blogpostcategory .posted-date, .singledefult .posted-date { position:relative; float: left; z-index:1;margin-right:20px;} .posted-date a:hover, .categoryblog a:hover {text-decoration:underline;} .blogpostcategory .meta{margin:0px 0 10px 0px; width:100%; float:left;} .blogpostcategory .meta i, .singledefult .meta i {margin-right:4px;} .blogpostcategory .blogimage{display:block; min-height:390px !important; } .archive.tax-portfoliocategory .blogpostcategory .blogimage img{min-width:800px;} .blogpostcategory .blogimage:hover {opacity:1;filter:alpha(opacity=100);} .blogpostcategory .overdefultlink{ display:block; cursor:pointer; position:absolute; overflow: hidden; z-index:99 !important; width:800px; height:390px; opacity:0; filter:alpha(opacity=0); } .blogpostcategory .overdefultlink:hover {opacity:1;filter:alpha(opacity=100);} .blogpostcategory .overdefult {cursor:pointer; opacity:0; filter:alpha(opacity=0); border:4px solid #fff; width:36px; height:36px; border-radius:45px; margin:166px 0 0 371px; position:absolute; z-index:99 !important; } .blogpostcategory .meta .category a, .item4 h4 a{cursor:pointer; padding:0px 0px 0px 7px; font-size:14px;margin-right:7px;font-weight:bold;height: 0;left: 0px;margin-top: 4px;} .item4 h4 a{padding: 10px 5px 2px 10px !important;height: 14px;float:left;position:relative;} .blogpost .posted-date a:hover, .blogpost .author a:hover {opacity:0.85;filter:alpha(opacity=85);} .blogpostcategory .meta .category, .singledefult .meta.category{height:25px;} .blogpostcategory .meta .category a:hover, .singledefult .meta .category a:hover {opacity:0.75;filter:alpha(opacity=75);} .blogpostcategory .blogcontent, .singledefult .blogcontent {margin:0px 0 0px 0; padding-top:10px; width:100% !important; } .blogpostcategory .authorblog, .singledefult .authorblog{float:left; padding-right:20px;font-size:14px;} .blogpostcategory .categoryblog, .singledefult .categoryblog {font-size:14px;} .blogpostcategory .blogmore{float: left;margin: 10px 0 25px 0; font-weight:bold;} .blogpostcategory .blogmore:hover {text-decoration:underline;} .blogpostcategory iframe{width:800px; height:460px;} #slider-category .anythingSlider .anythingWindow { overflow: hidden; position: relative; max-width:100%; height: auto; } #slider-category .slider-item IMG{ max-width:100%; height:auto;} .socialsingle .addthis_toolbox{margin:0px !important;} .socialsingle .addthis_toolbox a { float:left;} .projectdescription .socialsingle .addthis_toolbox a {background-color:#463F3A;padding-right:0px !important; float:left;} .blogpostcategory .loading{background:url(images/loading.gif) no-repeat; height:60px; width:60px; top: 180px;position: absolute;left: 50%; margin-left:-15px;} .audioPlayerWrap {width:100%; height:40px; padding-top:7px;} .blogpostcategory .audioPlayerWrap .audioPlayer object, .singledefult .audioPlayer object {width:100%;} .audioPlayerWrap .loading{background:url(images/loading.gif) no-repeat !important; height:40px; width:40px; margin:0 auto; } .editlink {margin-top:27px;} .sentry p{padding-bottom:0; text-align:left;} .blogpost .datecomment { float:left; font-weight: bold; width: 98.5%; margin: 0;} .blogpost .datecomment span {font-weight:normal;} .blogpost .datecomment .link a{font-weight:bold;text-decoration:underline;} .blogpost .datecomment .link a:hover {text-decoration:none;} .blogpost .datecomment span {font-weight:normal;} .homewrap .image-gallery{margin: 9px 11px 2px 0px;} .homewrap .gallery-single img{margin-top: 0px !important;} .homewrap iframe{width:800px; height:300px; padding: 0px 10px 5px 0;margin-top:-5px;} .homewrap .tags{padding:4px 0 6px 15px; margin-left:0;} .homewrap .posttext img{max-width:800px;} .homewrap .blogpost .datecomment { padding:15px 10px 0px 15px; line-height:3em;} .homewrap .posttext {padding: 0 15px 10px 15px;} .homewrap .posttext img{margin-top:-5px;} .homewrap .main{margin:0 auto; padding: 5px 0px 0px 0px;} .blogpost span.comments { float: right; padding: 0; } .blogpost span.comments a { color: #aaa; padding: 0; text-decoration: none; } .blogpost span.comments a:hover { color: #111 } .blogpost .entry { clear: both; overflow: hidden; margin: 15px 0; } .blogimg { background: url(images/blog.png) no-repeat 0 0px; width: 624px; height: 255px; margin: 10px 0 0 0; } .blogimg img { width: 820px; height: 234px; margin: 3px 0 0 3px; border: none; padding: 4px; } .postinfo { margin: 5px 0; float: right; font-size: 11px; } .post-edit-link { margin: 10px 0; float: right; } .blogpostsingle { margin: 25px 0 0 } .feat { width: 300px; float: left; margin: 20px 30px 20px 0; } /* *********************** -------------------------------------- -----------COMMENTS-------- -------------------------------------- ************************/ #reply-title{display:none !important;} .titleborder.comment{width:800px; } h3#comments{position: relative; float:left;display:inline-block;text-align:center; text-transform:uppercase; font-size:40px !important;height:30px;margin:0 0px 30px 0;padding-right:10px;} h3#comments span {font-size:30px;line-height:26px;} ol.commentlist .titleborder {width:815px;} .commenttitle{ border-radius:90px !important; width:70px; height:70px; line-height:70px;color:#2a2b2c; z-index:1;display: table-cell;text-align: center;vertical-align: middle; float:left;} .commentfield {position:relative;float:left;} .commentfield input#url {margin-top:1px !important;} .commentlist > li:first-child > div{background:none;} .commentfieldarea {float:left; width:100%;} .content #comments { float: left; text-align: left; } .content ol.commentlist { margin: 0 !important; padding: 0; margin:0px; clear: both; overflow: hidden; list-style: none; padding-top:15px;} .content ol.commentlist li { display: block; line-height: 1.65em;} .content ol.commentlist li .comment-author .fn a{position:relative; font-style: normal; font-size:18px;text-transform:capitalize;font-weight:bold;} .content ol.commentlist li .comment-author .fn a:hover{} .content ol.commentlist li .comment-author .commentsDate{color:#a1a0a0; font-style:italic; float:left; width:100%;} .content ol.commentlist li .comment-author i {margin:3px 5px 0 0;} .content ol.commentlist li .comment-author .avatar {position:relative; margin: 25px 0 0 -25px;} .content ol.commentlist li .comment-meta { font-size: 10px; float: right; } .content ol.commentlist li .comment-meta a { color: #a7a7a7; text-decoration: none; } .content ol.commentlist li p { padding: 0px 0 0 0px; line-height: 1.65em; margin-top: 0px; text-shadow: 0 0 0 transparent,white 0px 1px 0px;} .commenttext {padding:10px 0 0 0px;} .commenttext p {margin:0} .content ol.commentlist li.odd { height: inherit; background: none !important; } .content ol.commentlist li.even { height: inherit; background: none !important;} #respond {float:left;width:100%;margin-top:20px;} #respond #commentform { margin: 0; } #respond #commentform label { margin-left: 0px; display: inline;font-weight:bold; } #respond #commentform label small { color: #a0a0a0; } #respond #commentform textarea, #respond #commentform input { padding: 5px; margin: 0 10px 10px 0;background-color: #f8f8f8; font-size:12px !important; border: 1px solid #ddd; } #respond #commentform textarea:focus, #respond #commentform input:focus {color:#2a2b2c;outline: none; border: 1px solid #D9D9D9;} #respond #commentform input { width: 249px;height:30px;background:#fff; } #respond #commentform textarea { width: 97.8%;background:#fff; } #commentform { float: left; margin: 0; margin-left: 0px;width:100%;margin-bottom:50px;} #commentform h3 {position:relative; float:left; text-transform:uppercase; font-size:40px !important;} #commentform #respond #commentform { margin: 0; } #commentform #respond #commentform label {font-weight:bold; margin-left: 0px; display: inline; } #commentform #respond #commentform label email{ margin-top: -20px; display: inline; } #commentform #respond #commentform label small { color: #a0a0a0; } #commentform #respond #commentform textarea, #commentform #respond #commentform input, input, .widget_search form div input{color:#fff;float:left; outline: none !important; padding: 5px 5px 5px 0; margin: 0 10px 10px 0; background-color: #fff;border:1px solid #eee;} input, #commentform #respond #commentform input, .widget_search form div input {height:36px; color:#aaa;} .sidebar .widget_search form div input {color:#463F3A;} p input, p textarea {border-radius:5px !important;} #commentform #respond #commentform textarea:focus, #commentform #respond #commentform input:focus, #contactform .commentfieldarea textarea:focus, #contactform .commentfield input:focus, input:focus{color:#2a2b2c;outline: none; border: 1px solid #d7d7d7;} #commentform #respond #commentform input {color:#666; width:243px;} #commentform #respond #commentform input#url, #respond #commentform input#url {margin-right:0px} input {width:70%; float:left;position:relative;color:#666;} #commentform #respond #commentform textarea { width: 97.9%; margin-top:0px;color:#666;background:#fff;border:1px solid #eee;} textarea {width: 94%;color:#666;} #commentform #respond #commentform input#submit, #respond #commentform input#submit, .wpcf7-submit{width:180px;text-transform:uppercase;height:45px !important;border:none;font-size:16px !important;color: #fff;float: left; background:#A0A0A0;padding: 10px; margin-top:10px; } .wpcf7-submit {float:left; margin-top:15px;} .content ol.commentlist li .reply a { margin:5px 0px 10px 100px; float: right; float:right; padding: 5px 22px 0px 12px; } .comment {position: relative; z-index: 1; list-style: none; display: block; float:left; width:100%; } .content ol.commentlist li .reply a:hover {text-decoration:underline;} .comment-body p{font-size:12px !important; color:#535252 !important; line-height:1.65em !important; } .navigation, .commentnav { clear: both; font-size: 11px;display:none; } .navigation .alignleft, .navigation .alignright, .commentnav .alignright, .commentnav .alignleft { width: 49%; overflow: hidden; padding: 10px 0; } .navigation .alignright, .comment-nav .alignright { text-align: right } .navigation a, .commentnav a { background: #eee; border: 1px solid #d0d0c9; padding: 10px; text-decoration: none; } .navigation a:hover, .comment-nav a:hover { border: 1px solid #c2c2c2; color: #6d6d6d; } .fullwidth { width: 100%; } .specificComment{float: left; width: 800px; height:auto; padding: 10px 20px 30px 0px;margin: 0px 5px 30px 0;border-bottom:1px solid #eee; min-height:200px;} .specificComment .authorBlogName a {text-transform:capitalize;font-size:18px; font-weight:bold;} .specificComment .authorBlogName .commentsDate a {font-weight:normal;font-size:16px; } .specificComment .comment-author .fn{font-size:20px; font-style:normal;} .children .children .specificComment {} .commentlist p{float:left;} .commentlist .avatar{background: #F8F8F8; float:left; margin-bottom:5px;} .commentlist .avatar img{margin:5px; height:70px; width:70px;} .commentlist .commenttext {float: left; width: 82%;margin: 6px 0 0 20px;} .commentlist ul {float: left; margin-left:0;} .comment .blogAuthor ,.comment .icon-calendar{float: left;} .comment .blogAuthor {margin-top:20px;} .nocomments{float:left;} /* *********************** -------------------------------------- ------------SIDEBAR----------- -------------------------------------- *************************/ .sidebar {width: 285px; padding: 0 10px 0 0px; float: right; margin: 45px 0px 0px 0px; } .textwidget i {margin-right:5px;} .widget-line {width:20%;margin-bottom:20px} .widget { margin: 0px 0 40px 20px;padding: 0px;border: none; background: none; float: left; width: 100%;} .widget h3{ margin:0; display: inline-block; padding: 0 8px 10px 0px !important; line-height:30px;font-size:30px !important; text-transform:uppercase;} .widget .titleborder { position: absolute; margin-top: -33px; width: 285px; height: 3px; z-index: -1;} .widget p { margin-bottom: 15px; line-height:1.65em; margin-top:-10px; } .widget_login p {margin-top:0px;} #footer .widget p { margin-bottom: 15px; line-height:1.65em;text-shadow: none; margin-top:0px; } .widget ul { list-style: none !important; margin: 0; padding: 0; } .widget ul .children { padding: 0; margin: 0; } #footer .widget{ border:none !important; margin:0; padding: 0 0 30px 0;background:none;} .widget ul li {float:none; padding: 0; margin: 0;} #footer .widget ul li:hover { background: none;} #footer .widget ul li {float:none; padding: 5px 0 10px 0; margin: 0; border-bottom: 1px dashed #808080; background: none; } #footer .pmc_twitters ul li:last-child {border-bottom:none;} #footer .widget .pagenav {float:left !important;} .widget_rssfeed { font-size: 16px } .widget_rssfeed ul li.rss { background: url(images/rssfeed.png) 0 0 no-repeat; padding: 6px 0 10px 38px; } .widget_rssfeed ul li.email { background: url(images/mail.png) 0 0 no-repeat; padding: 6px 0 10px 38px; } .widget_rssfeed ul li.twitter { background: url(images/twitter.png) 0 0 no-repeat; padding: 6px 0 10px 38px; } .widget_search form {height:55px;} .screen-reader-text {display:none;} .widget_search form div{ background:none; border:none; padding: 5px 5px 5px 0; height:25px; width:280px; } .sidebar .widget_search form div {width:240px;} .footer_widget .widget_search form div {background:none; border:none;margin-top:0px;} .widget_search form div input form div input {width: 283px; height: 35px; background:#fff;border:1px solid #ddd; } .widget_search form div input:focus form div input:focus{background:#fff;border:1px solid #ddd;} .footer_widget .widget_search form div input {background:#121212; background-color: rgba(0,0,0,0.2);} .footer_widget .widget_search form div input#keyword {outline:none; width: 250px; height:25px;margin-left:-5px;color:#aaa;border:1px solid #d4d3d3 !important;background:#fff; } .footer_widget .widget_search form div input#keyword {outline:none; width: 208px; height:25px;margin-left:-5px;border:1px solid #444;color:#aaa; } .widget_search form div input#keyword:focus{border:1px solid #aaa;} .footer_widget .widget_search form div input#keyword {border:1px solid #444;} .footer_widget .widget_search form div input#keyword:focus { border:1px solid #666; } .widget_search form div input#keyword:focus form div{border: 1px solid #000; } .widget_search form div input#searchsubmit{width:0px; height:0px; background:none;display:none;} .widget .recentcomments { padding: 8px 20px; } .widget .recentW li img{float:left;} /* *********************** -------------------------------------- -----------WIDGETS--------- -------------------------------------- ************************/ .footer_widget1, .footer_widget2 { width: 33%; position: relative; margin-right: 30px; padding: 80px 0 0px 0px; float: left; } .footer_widget3{margin-right: 0px;} .footer_widget .widget ul { list-style: none; margin: 0; } .footer_widget .widget del .amount, .footer_widget .widget .from{display:none;} .footer_widget .widget ul li { padding: 5px 0px; margin: 0; border-bottom: 1px dashed #333; border-top: none; } .footer_widget .widget ul li:last-child { border-bottom: none !important; } .wttitle a { line-height:18px !important;padding:0px 0 10px 0px !important;letter-spacing: normal;font-weight:bold;} .details1 { color: #999; font-size: 11px; margin: -9px 0 0 5px; } .details2 { margin: -7px 0 0 20px; padding-left:80px;} .details3 { float:right; font-style:italic;padding-top:5px; font-size:12px;} .widgett { margin: 0px 0 15px 0; padding: 0; width: 265px; min-height: 55px;} .category_posts .widgett, .recent_posts .widgett {min-height: 73px;width:100%; } #footer .category_posts .widgett,#footers .recent_posts .widgett {width: 285px;} .category_posts .widgett { margin: 0px 0 20px 0; } .widgett li{padding:0 0 0 0 !important;} .widgett a {display:inline !important; padding:0 !important; text-transform:none;} .widgett .imgholder {width:100%; float: left; margin: 0;} .widgett .imgholder img {margin: 0;} .widgett .imgholder img:hover{ opacity:0.75 !important;filter:alpha(opacity=75) !important;} .footer_widget .widgett { margin: 5px 0 0px 0; padding: 0; } .footer_widget .recent_posts {border:1px solid;} .footer_widget .wttitle h3 { color:#aaa !important} .category_posts2 { float: left; clear: both; overflow: hidden; } .widget-pics { width: 83px; height: 83px; float: left; margin: 0 9px 9px 0; padding: 0; } .widget-pics img { float: left; width: 75px; height: 75px; margin: 0; } .footer_widget .widget-pics.category_posts2 { float: left; clear: both; } .footer_widget .widget-pics { width: 83px; height: 83px; margin: 0 15px 15px 0; float: left; padding: 0; } .footer_widget .widget-pics img { width: 75px; height: 75px; } .footer_widget .widget_archive ul li, .footer_widget .widget_categories ul li{ padding:5px 5px 5px 25px !important; } .widget_pages ul li, .widget_links ul li, .widget_rss ul li, .widget_recent_entries ul li , .widget_recent_comments ul li, .widget_meta ul li, .widget_nav_menu ul li{padding:5px 5px 5px 0px !important;} .widget_categories a , .widget_archive a, .widget_pages a, .widget_links a, .widget_recent_entries a, .widget_recent_comments a, .widget_meta a, .widget_nav_menu a, .widget_rss a{font-size:14px !important;} #footer .widget_categories a , #footer .widget_archive a, #footer .widget_pages a, #footer .widget_links a, #footer .widget_recent_entries a, #footer #footer .widget_meta a, #footer .widget_nav_menu a, #footer .widget_rss a{} .widget_nav_menu ul li a {display:inline; padding:1px 0 10px 15px !important; margin:0!important;font-size:12px !important; }.widget_nav_menu ul li {padding:10px 0px 20px 0px !important;}.widget_nav_menu ul li:last-child, .widget_nav_menu ul li:first-child {padding-bottom:10px !important;}.widget_nav_menu ul li ul{display:none !important;} .widget_nav_menu .menu {float:left;} .rsswidget{font-size:12px;color:#6f6f6f !important;} .widget_rss h3 a , .rsswidget h3{color: #25252C !important;font-size: 18px !important;} .widget_categories ul, .widget_archive ul, .widget_pages ul , .widget_links ul, .widget_rss ul, .widget_recent_entries ul, .widget_recent_comments ul, .widget_meta ul, .widget_nav_menu ul{margin-bottom:5px; margin-top:-5px !important;} .widget_categories li , .widget_archive li, .widget_pages li, .widget_links li, .widget_rss li, .widget_recent_entries li, .widget_recent_comments li, .widget_meta li, .widget_nav_menu li{display:block; padding:5px 5px 0px 0px !important; color:#6f6f6f;background-position:bottom; } .sidebar .widget_categories li ,.sidebar .widget_archive li,.sidebar .widget_pages li,.sidebar .widget_links li,.sidebar .widget_rss li,.sidebar .widget_recent_entries li,.sidebar .widget_recent_comments li,.sidebar .widget_meta li,.sidebar .widget_nav_menu li {width:278px;} .comment_posts li{padding:10px 10px 10px 0px !important; margin-bottom:15px !important ;background-color:#F5F5F5; font-size:12px !important; border: 1px solid #dddcdc; border-bottom:1px solid #bbb; width:270px; color:#6f6f6f;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear; /* For IE8 and earlier */} .footer_widget .comment_posts li{margin-bottom:10px !important ;background: url(images/commentBackground.png) no-repeat !important; width:220px; height:100px;color:#6f6f6f;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear; /* For IE8 and earlier */} .footer_widget .comment_posts ul li{padding:5px !important;} .widget_recent_comments a, .widget_rss a {background:none;padding-left:0px;} .category_posts .details2, .recent_posts .details2 {font-size:13px !important;} .widget .current_page_ancestor, .widget .current-menu-item {border-top:none !important;} /* *********************** -------------------------------------- --------------FOOTER---------- -------------------------------------- ************************/ /*top footer*/ #footerbwrap {background:#47403A;} .footer-top-wrapper {width:100%; height:60px; background:#47403A;float:left} .footer-top { margin:0 auto;height: 100%;} .footer-top-social-text {width: 24%;overflow: hidden;float:left; height:100%; border-right:1px solid #fff; padding-right:30px; color:#fff} .footer-top-social-text h4, .footer-top-search-text h4{font-size:22px !important; padding-top:10px; margin:0; color:#fff} .footer-top-social-text p,.footer-top-search-text p{font-size:14px;margin-top:-3px;} .footer-top-social-icons {padding:0 30px; float:left; border-right:1px solid #fff; height:100%;} .footer-top-social-icons .socialcategory {padding-top:10px;} .footer-top-search-text {width: 14.5%;overflow: hidden;float:left; height:100%; border-right:1px solid #fff; padding:0 30px; color:#fff;} .footer-top-search-field{float:right; height:100%; padding:0 0px;} .footer-top-search-field form {padding-top:10px;} #sidebarsearch input {background:none;outline:none;border:2px solid #fff;border-radius:8px;height:26px;width:270px;color:#fff;} #sidebarsearch input#searchsubmit {height:40px;width:40px;background:#fff url(images/searchIconMagnifying.png) no-repeat 8px 7px;margin-left:-16px;} .totop {position:relative;float:right; z-index:99; margin-top:95px; } .gototop {background:#2f2f2f; height: 50px; width: 50px; z-index:9; cursor:pointer; text-align:center; overflow:hidden; } .gototop:hover {background:#444;} .arrowgototop{ background: url(images/goToTopArrow.png) no-repeat; position: relative; left:19px; top:21px; width: 28px; height: 90px; z-index:10; } #footer {background:#1F1F1F; position: relative; height: auto; clear: both;} #footerinside { margin: 0 auto; width: 1180px; } #footerinside h3 {line-height:1.35em;} #footerbwrap { padding: 0; height: 50px; clear: both; margin: 0; width: 100%; overflow: hidden;background:#272727; } #footerb .socialcategory {margin-top:8px; width:50%; float:left;} #footerb .socialcategory span{float:left; margin-top:4px;margin-right:20px;} #footerb { font-size: 16px; margin: 0 auto; padding: 0px 0; width: 1180px; overflow: hidden; color:#fff;} #footerb .footernav{ float: left; width: 50%; display: inline; margin-top:6px;margin-left:-15px;} #footerb .copyright { text-align:right;margin-top:12px; float: right; width: 50%;} #footerb .footernav ul { overflow: hidden; margin: 0; padding: 0; list-style: none !important; margin-top:7px;width:100%;text-transform:uppercase;font-size:10px;} #footerb .footernav ul li { float: left; list-style: none; padding: 0 15px 0 0; } .copyright a:hover {text-decoration:underline;} #footerb .footernav ul li a:link, #footerb .footernav ul li a:visited, #footerb .footernav ul li a:active { color: #999; -webkit-transition: all 0.3s ease-in-out;color:#aaa; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} #footer .widget, #footer .widget a {color:#fff;} .widget_tag_cloud {width:250px;} .widget_tag_cloud a, .widget_product_tag_cloud a{ background:#F2F2F0 ; border:none;color:#2a2b2c!important; font-style:normal;font-size:13px !important; padding: 2px 7px 2px 7px;margin-bottom: 4px;display: inline-block;} #footer .widget_tag_cloud a {background:#fff;} .footer_widget .widget_links ul {margin-top:-10px;} .footer_widget .widget_links ul li{padding:10px 0 9px 0 !important; color:#aaa !important;} .footer_widget .widget_meta ul li, .footer_widget .widget_categories ul li, .footer_widget .widget_archive ul li, .footer_widget .widget_pages ul li {padding:10px 0 9px 0 !important; color:#aaa !important;} .footer_widget .widget_categories ul li:first-child, .footer_widget .widget_archive ul li:first-child, .footer_widget .widget_pages ul li:first-child {padding:6px 0 10px 0 !important;} .footer_widget .widget_meta ul li a, .footer_widget .widget_categories ul li a, .footer_widget .widget_archive ul li a, .footer_widget .widget_pages ul li a , .footer_widget .widget_nav_menu ul li a{font-size:14px !important;} .footer_widget .widget_nav_menu ul li a{display:inline;padding:0px 0 0px 0px !important; font-size:16px !important;} .footer_widget .widget_nav_menu ul li {display:inline; text-align:left;border:none !important;} .footer_widget .widget_nav_menu ul li a:after{content: "/"; color:#F58485; padding-left:15px;padding-right:15px;padding-left:10px ;padding-right:10px ;font-size:20px;} .footer_widget .widget_nav_menu ul li:last-child a:after {display:none;} .footer_widget .widget_nav_menu ul li:first-child {padding:0px 0 9px 0 !important;} .footer_widget .widget_categories li , .footer_widget .widget_archive li, .footer_widget .widget_pages li, .footer_widget .widget_nav_menu li{background:none !important;} .recent_posts .widgett, .category_posts .widgett {margin:5px 0 20px 0;} .category_posts .widgett img,.recent_posts .widgett img {background:#343434;margin-bottom:5px;} .category_posts .widgett img:hover,.recent_posts .widgett img:hover {opacity:1;filter:alpha(opacity=100);} .footer_widget .pmc_twitters h3 {margin-left:-5px;} #footer .widget h3{padding:0 0 10px 0 !important; margin-left:0px !important;background:none !important;display:block;color:#fff;} /* *********************** -------------------------------------- ----------CALENDAR--------- -------------------------------------- ************************/ #calendar_wrap { margin: 0 } .sidebar #calendar_wrap { margin: 0; padding: 0 20px; } #wp-calendar { width: 100%; margin-bottom: 15px; clear: both; padding: 0; } #wp-calendar caption { padding: 10px; text-align: center; } #footer #wp-calendar caption {color:#aaa;} #wp-calendar th, #wp-calendar td { text-align: center; background: #333; color: #9E9E9E; padding: 5px; } #wp-calendar td { background: transparent } #footer #wp-calendar th, #wp-calendar td {background: #2a2b2c;border:1px solid #333 !important;} #wp-calendar td, table#wp-calendar th { padding: 3px 0 } /* *********************** -------------------------------------- ---------PAGENAVI---------- -------------------------------------- ************************/ .wp-pagenavi {width:99.8%;float:left; display:block;height:28px;font-size:14px !important;clear: both; margin: 20px 0px 13px 0 !important; text-align: right;} .mainwrap.blog .wp-pagenavi {margin-top:0px !important;} .nav-next {display:none;} .blog .wp-pagenavi {margin-top:0px;} .portfolio .wp-pagenavi {width:96.5%;;padding:0px 15px 0 0;margin-top:25px;} .wp-pagenavi a:visited { text-decoration: none; } .wp-pagenavi a, .wp-pagenavi span{margin-right:2px !important;} .wp-pagenavi span.pages { float:left;background:#9A9A9A !important;color:#fff; padding:8px 10px 8px 10px;} .wp-pagenavi a, .wp-pagenavi a:link {background:#9A9A9A !important;color:#fff;} .wp-pagenavi span.current, .wp-pagenavi .nextpostslink, .wp-pagenavi .previouspostslink, .wp-pagenavi .last, .wp-pagenavi a, .wp-pagenavi a:link {float:left;padding:8px 0 8px 0; margin: 0px 0 0px 2px ;display:inline-block; width:36px;text-align:center;color:#fff !important;} .wp-pagenavi .extend {display:none;} .wp-pagenavi a.last, .wp-pagenavi a.first {width:64px;} /* *********************** -------------------------------------- ------------TABLES------------ -------------------------------------- ************************/ table { text-align: center; color: #2a2b2c; border: 1px solid #fff; border-collapse: collapse; } table th { background: #dedede; border: 1px solid #fff; padding: 8px; width: 100px; } table tr { background: #efefef } table td { border: 1px solid #fff; padding: 8px; width: 100px; } /* *********************** -------------------------------------- ---------------SOCIAL------------- -------------------------------------- *************************/ #social {margin-top:6px;} .fb-like{float:left;} #twitter{float:left;width:90px;} .g-plusone{float:left !important;} #sociallink{float:right; padding:0 5px 0 5px;color:#fff; width:190px;} .projectdescription .emaillink {padding:0px;} /*FOOTER SOCIAL ICONS */ .footer-social {width:1180px; margin:0 auto; text-align:center;} .footer-social a{display:inline-block;float:left; width:108px; height:108px; background:#1f1f1f;border-radius:90px;margin-top:-54px;margin-right:45px; -webkit-box-shadow: 0px 1px 1px 0px rgba(255,255,255,0.2); -moz-box-shadow: 0px 1px 1px 0px rgba(255,255,255,0.2); box-shadow: 0px 1px 1px 0px rgba(255,255,255,0.2); } .footer-social a:hover {margin-top:-74px !important;} .footer-social a:last-child {margin-right:0px;} .addthis_button_twitter, .addthis_button_more, .addthis_button_facebook {width:44px; height:44px; margin-left:10px;border-radius:90px; background:#ccc url(images/topSocialIcons.png) no-repeat -89px 2px; float:left;} .addthis_button_twitter {background:#ccc url(images/topSocialIcons.png) no-repeat -133px 3px;} .addthis_button_more {background:#ccc url(images/topSocialIcons.png) no-repeat -258px 2px;} .gallery-single .emaillink{margin-left:20px !important;} .custom_images img{height:auto; width:auto;} .custom_images img:hover {opacity:0.75;filter:alpha(opacity=75);} .addthis_toolbox{float:left;margin: 10px 10px 10px 0; width:100%;} .socialProduct .socialSP .addthis_toolbox{float:left;margin: 10px 10px 10px -10px; width:100%;} .gallery-single .addthis_toolbox {margin-top:0px !important; } /* *********************** -------------------------------------- ---------------Isotope Filtering------------- -------------------------------------- *************************/ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } /* *********************** -------------------------------------- ---------------Isotope CSS3 transitions------------- -------------------------------------- *************************/ .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; } /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /* End: Recommended Isotope styles */ /* disable CSS transitions for containers with infinite scrolling*/ .isotope.infinite-scrolling { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } #portitems2 h3, .item3 h3, .item4 h3, .item3 h3 a, .item4 h3 a, .homerecent h3, .advertise .bx-prev, .advertise .bx-next, .related h4 a, .blogpostcategory h2 a, .content ol.commentlist li .comment-author .fn a, .content ol.commentlist li .reply a,.widgett a, .widget_categories a , .widget_archive a, .widget_pages a, .widget_links a, .widget_recent_entries a, .widget_recent_comments a, .widget_meta a, .widget_nav_menu a, .widget_rss a, .rsswidget, .gototop, .widget_tag_cloud a, .footer_widget .widget_links ul li a, .footer_widget .widget_meta ul li a, #nslider .nivo-controlNav img ,#nslidert .nivo-controlNav img, .facebooklink, .twitterlink, .dribble, .vimeo, .emaillink, .custom_images img, .image-gallery .over, .portcategories a, .arrowgototop { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .posttext img, .homerecent h3 a, #respond #commentform textarea, #respond #commentform input, #commentform #respond #commentform textarea, #commentform #respond #commentform input, #commentform #respond #commentform input#submit, #respond #commentform input#submit, .widgett .imgholder img, h2.trigger, .buttonblue, .buttonred, .buttonblack, .buttonyellow, .buttongreen, .buttonpink, .buttonorange, .buttonyellow_modern, .buttonred_modern, .buttondark_modern, .buttonblue_modern, .buttonpink_modern, .buttonorange_modern, .buttongreen_modern, .widget_login .submitbutton, .nextbutton, .prevbutton, .related .one_third .image img, .cartTopDetails,.featured-circles, a.button, input.button, #respond input#submit, #content input.button, .imagesSPAll .navigationSP, #header_language_list, .searchTop #searchsubmit , .homerecent .image, .cartPS .buttons_added input.minus, .cartPS .buttons_added input.plus, .blogpostcategory .overdefult, .advertise li, .testimonial-author span.author, .testimonial-author a span.author, .team .image img, .tp-bullets.simplebullets.round .bullet, .pmc-shop-categories img,.product_list_widget li img { -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .homerecent .one_fourth { -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } #portitems2 .overdefult, #portitems2 .overLowerDefault, #portitems2 .overLowerDefaultBorder, .item3 .overdefult, .item4 .overdefult, .item3 .overLowerDefault, .item4 .overLowerDefault, .item3 .overLowerDefaultBorder, .item4 .overLowerDefaultBorder, .homerecent .overdefult, .homerecent .overLowerDefault, .homerecent .overLowerDefaultBorder, .advertise img, .related .one_fourth .image img, .homeremove .catlink .sortingword, .projectdetails .blogsingleimage img, .home .bx-prev, .home .bx-next, .blogpostcategory .comment-inside, .blogpostcategory .date-inside, .projectdescription .portnavigation .portnext, .projectdescription .portnavigation .portprev, .homerecent .one_third, .homerecent.post .recentimage, .homerecent.post .recentimage img,.widget_search form div input, .wpcf7-submit, .testimonials .bx-next i,.testimonials .bx-prev i, .added_to_cart{ -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } a, a:active, a:visited, .leftContentSP .thumbnails img{ -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } button.button, .footer-social a{ -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .textSlide img, .widget_price_filter .ui-slider .ui-slider-handle{ -webkit-transition: opacity 0.25s ease-in-out; -moz-transition: opacity 0.25s ease-in-out; -o-transition: opacity 0.25s ease-in-out; -ms-transition: opacity 0.25s ease-in-out; transition: opacity 0.25s ease-in-out; } /*general settings*/ /*width settings*/ .infotext, .pagecontent, .footer-top, #footerinside, #footerb, #header,.titleborder, .main, #header .infotextBorder,.holder-fixedmenu,.top-nav{width:1180px;} /*NEW*/ .footer-social a span { color: #fff; font-size: 60px; padding-top: 26px; } .blogsingleimage img { width: 100%; } .post.home .postcontent { max-width: 100%; } .about-us-block-image img { border: 0; border-radius: 0; } .bx-wrapper { overflow: hidden; } @media screen and (max-width: 1180px) and (min-width: 0px){ .homerecent .image img { width: 100%!important; } } @media screen and (min-width: 1227px){ .comic-square { margin: 10px; } } @media screen and (max-width: 1180px) and (min-width: 0px){ .respMenu { padding: 0px!important; } .resp_menu_button { margin: 35px 50px; font-size: 24px; } .respMenu a { font-size: 24px!important; margin: 20px 0px; } } .widget.widget_text { padding: 10px 2%!important; width: 96%!important; } .infotext-after { margin: -70px 40px 0 0!important; } .post-full-width-inner .bx-viewport { margin-top: 25px!important; } /*THE OLD OPTIONS FILE*/ body {} #headerwrap{background:#1F1F1F } body { color:#463F3A; font-family: Open Sans, "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif; font-size: 16px; font-weight: normal; line-height: 1.65em; letter-spacing: normal; } ::selection { background: #ED2470; color:#fff; text-shadow: none; } h1,h2,h3,h4,h5,h6, .blogpostcategory .posted-date p, .team .title, .term-description p, .titleBottom, .about-us-block-left-title, .about-us-block-right-title, .team .title, .rightContentSP .single_add_to_cart_button{ font-family: Quicksand !important; font-weight: normal; line-height: 110%; } h1 { color:#463F3A; font-size: 40px !important; } h2, .term-description p { color:#463F3A; font-size: 36px !important; } h3 { color:#463F3A; font-size: 20px !important; } h4 { color:#463F3A; font-size: 18px !important; } h5 { color:#463F3A; font-size: 17px !important; } h6 { color:#463F3A; font-size: 16px !important; } .menu > li a {color:#ffffff } .fixedmenu .menu > li a {color:#1f1f1f ;} h2.title a {color:#463F3A;} a, a:active, a:visited, .footer_widget .widget_links ul li a{color: #2a2b2c;} .widget_nav_menu ul li a {color: #2a2b2c;} a:hover, h2.title a:hover, .item3 h3:hover, .item4 h3:hover, .item3 h3 a:hover, #portitems2 h3 a:hover {color: #ED2470;} .product-remove a:hover {color: #ED2470;} .item3 h3, .item4 h3, .item3 h3 a, .item4 h3 a, .item3 h4, .item2 h4, .item4 h4, #portitems2 h3 a {color:#463F3A;} /* *********************** -------------------------------------- ------------MAIN COLOR---------- -------------------------------------- *********************** */ #footer .product_list_widget li del, #footer .widget del span, .footer_widget h3 span,.item h3 a:hover, .item2 h3 a:hover, .item4 h3 a:hover, .item4 h4 a:hover,.tags a:hover, .blogpost .link:hover,.blogpost .postedin:hover ,.blogpost .postedin:hover, .blogpost .link a:hover,.blogpostcategory a.textlink:hover, .footer_widget .widget_links ul li a:hover, .footer_widget .widget_categories ul li a:hover, .footer_widget .widget_archive ul li a:hover, #footerb .footernav ul li a:hover,.footer_widget ul li a:hover,.tags span a:hover,.more-link:hover,.showpostpostcontent h1 a:hover, .menu li a:hover,.menu li a:hover strong, .menu li ul li:hover ul li:hover a,.blogpostcategory .meta .written:hover a ,.blogpostcategory .meta .comments:hover a , #wp-calendar a , .widgett a:hover ,.widget_categories li.current-cat a, .widget_categories li.current-cat, .blogpostcategory .meta .time a:hover,.homerecent h2 span, .advertise h2 span, .related h3 span, .homeremove .catlink .sortingword:hover, .blogpost .datecomment .link a, .titleborderh span, .textSlide .box, .widget_login p a:hover, .priceSP ins, .boxmore a:hover,.single-portfolio-skils i, .posted-date a, .categoryblog a,.blogpostcategory .blogmore, .textSlide .salePrice1 a, .textSlide .salePrice2 a, .textSlide .salePrice3 a, .textSlide span, .homerecent .recentmore:hover,.content ol.commentlist li .reply a, .content ol.commentlist li .comment-author .commentsDate, .widget_login p a:hover, .priceSP ins, .titletext span,.homerecent h3:hover, .top-nav a:hover, .recentdescription-text a, .homerecent .recentLinkMore a, .langActive, langNotActive:hover, .portCategory3 a, .outerpagewrap .portnavigation .portprev, .outerpagewrap .portnavigation .portnext, .featured-circles.dark, .featured-circles.dark h5, .post.home .read-more a, .post.home .read-more, .post.home .read-more:hover, .infotext a, .copyright a, .blogpostcategory .post-meta a, .singledefult .meta a, .testimonial-author span.author:hover, .testimonial-author a:hover span.author, .current-menu-ancestor > a, .menu > li a strong:after, .footer_widget .widget_nav_menu ul li a:after, .featured-block span, .homerecent .home-portfolio-categories a:hover, .testimonials .bx-next i:hover,.testimonials .bx-prev i:hover, .wpcf7-submit:hover, .recentdescription-text, .post-page-links a, .recentPrice ins, .rightContentSP ins .amount, .homerecent.SP .recentdescription h3:hover, .homerecent h3 a:hover, .shop.sidebarshop .homerecent h3 a:hover {color:#ED2470;} .socialsingle h2 span, .homerecent h2 span, .advertise h2 span, .related h3 span, .portfolio h3 span, .portsingleshare span, .titleborderh span, .blogpostcategory .meta .category a, .singledefult .meta .category a, #portitems2 .category a, .homerecent .category a, .portcategories a {background:#ED2470; color: #ffffff !important;text-shadow:0 1px 0 rgba(0,0,0,0);padding:2px 6px 3px 6px; } .widget del .amount {background:none !important;} .textSlide h1.underline {border-bottom:6px solid #ED2470;} .TopHolder {border-bottom:4px solid #ED2470;} .menu .current-menu-item{border-bottom:4px solid #ED2470;} .searchTop #searchsubmit:hover {background: #ED2470 url(images/topSocialIcons.png) no-repeat -219px -1px;} .infotext-before, .infotext-after, .testimonial-before, .testimonial-after {background: #ED2470 url(images/quoteIcon.png);} .catlink {border-bottom:3px solid #AE0042;} /* *********************** -------------------------------------- ------------MAIN BORDER COLOR---------- -------------------------------------- *********************** */ #logo a, .recentborder,.item4 .recentborder, .item3 .recentborder,.afterlinehome,.TopHolder ,.borderLineLeft, .borderLineLeftSlideshow {border-color:#ED2470 ;} .featured-circles:hover {border: 2px solid rgba(237,36,112,0.9);} .featured-circles {border-top:2px solid rgba(237,36,112,0.9);border-bottom:2px solid rgba(237,36,112,0.9);} .gototop:hover {background-color:rgba(237,36,112,0.75) !important;} .widget-line, .advertise li:hover {border-bottom:3px solid #ED2470; } .homerecent .one_fourth, .team {border-bottom:6px solid #ED2470; } /* *********************** -------------------------------------- ------------BODY COLOR---------- -------------------------------------- *********************** */ .blogpost .link a,.datecomment span,.homesingleleft .tags a,.homesingleleft .postedin a,.blogpostcategory .category a,.singledefult .category a,.blogpostcategory .comments a,.singledefult .comments a, .blogpostcategory a.textlink ,.singledefult a.textlink ,.written a, .blogpostcategory .meta .time a, .singledefult .meta .time a { color:#463F3A} /* *********************** -------------------------------------- ------------MENU---------- -------------------------------------- *********************** */ #headerwrap {height:139px !important;} #logo {margin-top:0px;} #header ul.menu > li > a {padding-top:35px;} .menu li:hover ul {border-bottom: 5px solid #ED2470;} .menu li ul li a, .item4 h4 a, #portitems2 .category a, .homerecent .category a, .item3 h4 a { font-family: Open Sans, "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif !important; } .menu > li a { font-family: Quicksand, "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif !important; color:#fff;letter-spacing: normal;} .menu a span{ font-family: Open Sans, "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif !important; color:#aaa !important;letter-spacing: normal;} .menu a.important_color{border-bottom:4px solid #ED2470;} #footer .menu a.important_color {border-bottom:none;} .pagenav.fixedmenu a.important_color {color:#ED2470;border-bottom:none;} .top-nav a {color:#fff;} /* *********************** -------------------------------------- ------------BLOG---------- -----------------------------------*/ .blogpostcategory h2 {line-height: 110% !important;} .wp-pagenavi span.pages {font-family: Open Sans, "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif;} .showpostpostcontent h1 a {color:#463F3A;} .wp-pagenavi a:hover,.page .homerecent .bx-prev:hover, .page .homerecent .bx-next:hover,.page .homerecent.post .bx-prev:hover, .page .homerecent.post .bx-next:hover, .page .homerecent .bx-next:hover, .advertise .bx-next:hover, .post-full-width-inner .bx-next:hover, .page .homerecent .bx-prev:hover, .advertise .bx-prev:hover, .post-full-width-inner .bx-prev:hover , .homerecent.SP .bx-next:hover, .homerecent.SP .bx-prev:hover { background-color:#ED2470; } .blogpost .datecomment a, .related h4 a, .content ol.commentlist li .comment-author .fn a{color:#463F3A;} .blogpost .datecomment a:hover, .tags a:hover, .related h4 a:hover, .content ol.commentlist li .comment-author .fn a:hover{ color:#ED2470; } .comment-author .fn a{font-family: Quicksand !important;} .image-gallery, .gallery-item { border: 2px dashed #ED2470;} .blogpostcategory .posted-date p, .singledefult .posted-date p{font-family: Open Sans, "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif !important;text-shadow:0 1px 0 rgba(0,0,0,0);} .pagecontent h1, .pagecontent p, .team .role, .pagecontentContent #breadcrumb {text-shadow:0 1px 0 rgba(0,0,0,0);} /* *********************** -------------------------------------- ------------Widget---------- -----------------------------------*/ .wttitle a {color:#463F3A;} .widgett a:hover, .widget_nav_menu ul li a:hover{color:#ED2470;} .widget_nav_menu ul li a{ font-family: Open Sans, "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif !important; } .related h4{ font-family: Open Sans, "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif !important; } .widget_search form div { font-family: Open Sans, "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif !important;} .widgett a { font-family: Open Sans, "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif !important;} .widget_tag_cloud a{ font-family: Open Sans, "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif !important;} /* *********************** -------------------------------------- ------------BUTTONS WITH SHORTCODES---------- -------------------------------------- *********************** */ .button_purche_right_top,.button_download_right_top,.button_search_right_top {font-family: Quicksand !important;color:#463F3A;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);} .button_purche:hover,.button_download:hover,.button_search:hover {color:#ED2470;} .ribbon_center_red a, .ribbon_center_blue a, .ribbon_center_white a, .ribbon_center_yellow a, .ribbon_center_green a {font-family: Quicksand !important;} a.button.loading::before, button.button.loading::before, input.button.loading::before {content: "";position: absolute;height: 32px;width: 32px;bottom: 20px;left: 150px;text-indent: 0;background:url(images/loading.gif) no-repeat;} /* *********************** -------------------------------------- ------------EXTRA TYPOGRAPHY---------- -----------------------------------*/ .homerecent h3 a, .item4 h3, .item4 h3 a, .boxdescwraper h2,.socialfooter h3, #portitems2 h3, .content ol.commentlist li .comment-author .fn a, .projectdescription h2, .menu ul.sub-menu li a, .menu ul.children li a { font-family: Open Sans, "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif !important;} .resp_overlay { display: none; } .resp_menu_button { display: none; } /* *********************** -------------------------------------- ------------RESPONSIVE MODE---------- -------------------------------------- *********************** */ @media screen and (min-width:0px) and (max-width:1180px){ .one_third.categories h3 {font-size:26px !important;} .descriptionSP.short {width:90%;} .descriptionSP.short, .quantity-text {text-align:left !important;margin-left:10px;} .socialProduct .addthis_toolbox {margin-left:0px;} .single_variation .price {margin-right:10px;} .rightContentSP .price {margin-left:10px;} .imagesSPAll {min-height:100px;} .widget.widget_text {margin-left:0px;padding:10px;width:95%;} .team {margin-bottom:25px;text-align:center; } .pagewrap {height:100px;} .postcontent h1 {font-size:30px !important;} .specificComment {padding-left:10px;} .fullwidth .postcontent {margin-top:25px;} .single-portfolio-skils {padding-right:0px;width:95%;} .team .description, .team .iconwrap {padding-left:0px;} .team .role, .team .title, .team .iconwrap {margin-left:0px;} .content ol.commentlist li .reply a {margin-right:10px !important;} h3#comments {margin-left:20px !important;} .topNotification {margin-left:10px;} body{text-align:center;} .breadcrumb-info{display:inline-block; float:none;} /*footer*/ #footer{top:20px;} .footer_widget1{margin-top: 30px; } .footer_widget .widgett{margin:5px auto 15px auto !important; padding:0;} #footerb .copyright{padding-top:0px; margin-top:2px;width:95% !important; text-align:center !important;} .footer_widget .widget_search form div {padding:0;} .socialfooter .socialcategory{width:225px; float:none; margin:0 auto; display: inline-block;} .footer_widget .category_posts .widgett, .footer_widget .recent_posts .widgett{float:none;} /*menu + header*/ #headerwrap{position:relative; min-height: 70px; float: left; height:auto !important} #logo {width:100%;float:left;position:relative; } #mainwrap,.outerpagewrap{top:0;} #header {float:left; padding-bottom:20px;} #logo {width:100%; margin-bottom:10px;} .current_page_ancestor, .current-menu-item{border:none !important;} .infotext h1 {text-align:center;} .menu,#header .infotextBorder{display:none !important;} .socialTopContainer {width:100%; float:none; margin:0 auto; display: inline-block;} .socialTopContainer a ,.socialcategory a {width: 15px !important; height: 15px !important; text-align:center;} .addthis_toolbox a.emaillink {width:40px; height:40px;} .singledefult .addthis_toolbox a.emaillink {width:15px; height:15px;} .socialTop {float:none; text-align:center;display: inline-block;} .searchTop {float:none; display:inline-block;margin-top:20px;} .respMenu { display:inline-block; margin: 5px 0; float: right;} .cartWrapper {position: relative;cursor: pointer;padding: 10px 10px 5px 10px !important;min-width: 110px;margin: 0 auto;height: 35px;float:none;} .fixedmenu .cartWrapper{margin:0 auto !important;} .infotext h2{font-size:40px !important;} .infotext{border-bottom:none;} .homerecent h2, .titleborderh2 {font-size:40px !important;} /*RESPONSIVE MENU */ .respMenu {text-transform:uppercase;font-size:18px;text-align: center; color:#1F1F1F;font-weight:bold;margin:30px 0 20px 0px; padding:20px 32px 20px 32px;cursor:pointer; background:#aaa;width:auto; display:inline-block;} .respMenu i {line-height:10px;font-size:28px;vertical-align:middle;} .respMenu a i{font-size:6px;padding:0 5px 2px 0;} .event-type-selector-dropdown {margin-top:20px;} .respMenu a{width:100%;font-size:12px;text-transform:uppercase !important;float:left;text-align: left !important;text-transform:none;font-weight:normal;} /*homebox*/ .descriptionHomePort {float:none;} .featured-circles{width:190px !important; display: inline-block;float: none; margin-top:5px;} .featured-circles h5{width:100%;} /*blog*/ audio {width: 90%;} .blogpostcategory .meta,.blogpostcategory p{text-align:left;} .content{width:100%;} .blogpostcategory{width:98%; margin:0 auto 40px 0; float:none;display: inline-block;} .socialsingle .emaillink{height:0;} .blog .wp-pagenavi {margin-top:20px;} .blogpostcategory .overdefultlink {display:none !important;} #slider-category .slider-item img {height:98% !important; width:100% !important;} .anythingBase .panel {background:none !important;} .portfolio .description{margin-top:10px;} .blogimage img{width:97%; height:auto !important;} .blogpostcategory .blogimage {min-height:0 !important;} .blogpostcategory iframe{height:auto !important} #slider-category, .blogFullWidth #slider-category {width: 92.5% !important;height:auto !important; padding-bottom:0px !important;} #slider-category img, .blogFullWidth #slider-category img {width: 100% !important; height:auto !important; padding-bottom:0px !important;} #slider-category .anythingSlider, .blogFullWidth #slider-category .anythingSlider { padding-bottom:5px !important;} .blogpostcategory .meta {margin-left:5px;width:85.5%;} .infotext-button{float:right; width:15%; margin-top:15px;} .item3 .shortDescription {padding:0 !important; width:95% !important;} .item3 img {text-align:center !important;} .item3 {height:525px !important;} /*single*/ .singledefult h1, .singledefult h2, .singledefult h3{text-align:left;} .blogpost{width:98%; margin:0 auto;} .singledefult .tags{text-align:center;} .blogpost .author{margin-left:0px ;} .postcontent.singledefult {background:none; margin-bottom:20px;} .posttext img {width: 97%;} .projectdetails #slider img{width:100%;} .projectdetails .blogsingleimage{padding:0;} .leftContentSP .images.imagesSP {border:none; background:none;} /*comment*/ #commentform #respond #commentform textarea, #commentform #respond #commentform input{width:93%;margin-left: 10px; padding-right: 0; margin-right: 0; padding-left: 0;} #commentform #respond #commentform label {margin-left: 10px;} #commentform{width:93%; margin:0 auto;} #commentform #respond {padding:0;} .commentfield{float:none; text-align:left;} .commentlist .commenttext {width: 75%;text-align: left;padding:15px 10px 0 15px;} .comment-author{text-align:left;padding:0px 10px 0 0px;} /*general*/ h1,h2,h3,h4,h5,h6{margin-left:0 !important; margin-right:0 !important;} img {height: auto; } #main, .homerecent .recentdescription, .footer_widget1, .footer_widget2, .footer_widget3, .footer_widget4{padding:0 !important;} .menu li li ,#remove , .titleborder,.footernav, .sidebar,.related,.editlink, .share-post-title, .advertise, .homerecent.SP,#footer .star-rating ,.shareBlog, .totop,.overdefult, .loading, .outerpagewrap.error404,.bx-prev,.bx-next,.homeIcon,#nslider,#nslidert.homerecent .category,.slider-wrapper, #nslider-wrapper, #slider-wrapper, .homePostComments, .blogsingleimage .nextbutton.port, .blogsingleimage .prevbutton.port,.nivoSlidert,.relatedtitle,.portfolio .category, .blogsingleimage .nextbutton.port, .blogsingleimage .prevbutton.port,.bottomborder, .leftContentSP .images.imagesSP, .infotext h2 span, .outerpagewrap .portnavigation ,.top-nav ul,.infotext-widget,.item4 .portCategory, .portCategory,.infotext-title-small,.pagenav-top-border,.postcontent.post .blogsingleimage, .about-us-block-left-title,.about-us-block-right-title, .titleborderh2:after, .titleborderh2:before, .infotext-before, .infotext-after, .testimonial-before, .testimonial-after, .footer-social, .rightContentSP .review-top, .woocommerce-breadcrumb, .pagewrap .pagecontent, .pagecontentContent p, .pagenav.fixedmenu,.woocommerce-tabs #comments .avatar { display:none !important; } #header, .main ,#showpost ,.homerecent ,.pagenav,.bx-wrapper,.homerecent,.homerecent .one_half ,.totop, .infotext ,.infotextwrap, #footerinside, .one_half,.footernav,#footerb , .footer_widget1, .footer_widget2, .footer_widget3, .footer_widget4,.pagecontent, .portfolio,.wp-pagenavi,.image ,.pagecontentContent,#portitems2 h3,.leftContentSP .thumbnails, .one_fifth,.three_fourths,.one_fourths,.two_thirds,.one_third,.item3 ,.leftContentSP ,.rightContentSP, .imagesSPAll,.top-nav ,#respond #commentform input, #respond #commentform textarea ,.boxDescription,.footer_widget .widget_search form div,.infotext h1, .projectdescription .posttext,.pagecontentContent, object, .infotextBorder,.widgett,.homerecent .productF .recentimage, .homerecent .productR .recentimage,.holder-fixedmenu,.homerecentInner,.post-full-width-inner,.post.home .content .singledefult .sentry, .rightContentSP .single_add_to_cart_button, .productR .homerecentInner, .categorytopbarWraper.sidebarShop, .homerecent.shopSidebar, #customer_login .col-1, #customer_login .col-2 { width:100% !important; } .about-us-block-left-text, .about-us-block-right-text, .about-us-block-image {width:90% !important; padding:0 0px 0 15px!important;text-align:left !important;} .about-us-block-image {text-align:center !important;width:100 !important;} .testimonial-texts {padding:0px 20px 0 20px;} .homerecent .one_fourth.item4, .homerecent .one_fourth {width:276px !important;} .projectdescription .posttext {width:98% !important;} .pagenav{position:relative; margin:0;} .shortDescription {padding:0; margin:0 !important; min-height: 115px;} .homerecent .one_fourth.last {margin-right:1% !important;} .homerecent li div:nth-child(even) {margin-right:0% } .shortDescription {font-size: 12px;} .borderLine {width:95% !important;} .borderLineRight{width:88% !important;} .borderLineLeft{width:10% !important;} .image .loading{text-align:center; width:100%;} .wp-pagenavi{padding:0 !important; } .posttext{text-align:left !important} .posttext .blogsingleimage,.gallery-single {width:100%;} .blogsingleimage iframe{width: 98%;} .block .h2{font-size:14px !important;} /*page*/ .fullwidth{margin-top:20px;} .posttext {padding:0 5px;} .page .socialsingle {padding-left:5px;} #slider img{float: left; } /*shortcode*/ .one_half, .one_third, .two_thirds, .one_fourth, .three_fourths, .one_fifth, .two_fifth, .three_fifths, .four_fifths {margin-top:10px; margin-right:0px;} .question h3, .success h3, .info h3, .error h3 {line-height:120%;} #mainwrap{width:98.7% !important;padding-left:2px;} /*fancy-menu*/ .postcontent { overflow: hidden; } header { display:none; position: fixed; z-index: 300; left: 0; top: 0; height: 100vh; margin-top: 0; width: 100%; } #headerwrap { width: 100%; max-width: 215px; background: rgba(31, 31, 31, 0.7); height: 100vh!important; } .TopHolder { display: none; } .topNotification div { margin-right: 0; } #logo { float: none; margin: 0; } .respMenu.noscroll { margin: 0; background: transparent; position: relative; top: -90px; width: 100%; } .event-type-selector-dropdown { margin: 0; } .respMenu a { transition: background-color 0.5s ease, color 0.5s ease; color: #FFFFFF; margin: 0; padding: 20px 0; } .respMenu a:hover { transition: background-color 0.5s ease, color 0.5s ease; background: rgba(255, 255, 255, 0.75); color: #1f1f1f; } .resp_overlay { display: block; background: rgba(0, 0, 0, 0.55); height: 100%; width: 100%; } .resp_menu_button:hover { transition: background-color 0.5s ease, color 0.5s ease; color: #fff; background-color: #FB3D89; } .resp_menu_button { display:block; padding: 10px; margin: 0 auto; background-color: #ED1D71; transition: background-color 0.5s ease, color 0.5s ease; } } /*479*/ @media screen and (min-width:460px) and (max-width:1180px){ /*header*/ .searchTop {margin-top:0px !important; } .searchTop #keyword{margin:0;} .top-nav ul {margin-left:0px;} .socialTop{float:left; margin-left:5px;} .searchTop{float:right; margin-top:0;} .socialTopContainer{margin:10px auto;} /*footer*/ #footer .widget{width:99%; margin:2px;} .gototop {margin:-25px 0px 0px 90% !important} /*single*/ .blogpost{width:98%; margin:0 auto 50px auto;} } @media screen and (min-width:490px) and (max-width:600px){ .blogpostcategory .meta {width:80%;} } @media screen and (min-width:480px) and (max-width:715px){ .bx-wrapper img{width:100%;} } @media screen and (min-width:481px) and (max-width:1180px){ .shortDescription {min-height:68px;} .blogpostcategory iframe{width: 98%;} } @media screen and (max-width:960px){ textarea {padding:0px !important;} .post-full-width {padding:0px 0 20px 0;} .featured-block {margin: 20px 0 20px 0;} .share-post-icon {float:none;} .topNotification div{margin-right:10px;} #searchsubmit {display:none;} .breadcrumb-info{display:inline-block; float:none;} .testimonial-description{width:auto;} .testimonial-description:before{content:none;} /*top footer*/ .footer-top-wrapper{height:100%;} .footer-top-wrapper div{padding:0;} .footer-top-wrapper {width:100%; border-top:2px solid #d9d9d9; border-bottom:3px solid #d9d9d9;float:left} .footer-top {width: 99%; margin:0 auto;height: 100%;border-bottom: 1px solid #ddd;} .footer-top-social-text {width: 100%;overflow: hidden;float:left; height:100%; color:#fff;border-bottom: 1px solid #ddd;} .footer-top-social-text h4, .footer-top-search-text h4{font-size:22px !important; padding-top:10px; margin:0; color:#fff} .footer-top-social-text p,.footer-top-search-text p{font-size:14px;margin-top:-3px;} .footer-top-social-icons { height:100%;width: 100%;border-bottom: 1px solid #ddd;text-align: center;display: inline-block;margin: 0 auto;} .footer-top-social-icons .socialcategory {padding-top:10px;text-align: center;margin: 0 auto;display: inline-block;} .footer-top-search-text {width: 100%;overflow: hidden;float:left; height:100%; color:#fff;border-bottom: 1px solid #ddd;} .footer-top-search-field{ height:100%; margin: 0px 0px 10px 0;display: inline-block; float:none;} .footer-top-search-field form {padding-top:10px;} #sidebarsearch input {background:none;outline:none;border:2px solid #fff;border-radius:8px;height:26px;width:270px;color:#fff;} #sidebarsearch input#searchsubmit {height:40px;width:40px;background:#fff url(images/searchIconMagnifying.png)no-repeat 8px 7px;margin-left:-16px;} .specificComment{width:100%;} .comment .blogAuthor{display:none;} .authorBlogName{text-align:left;} .commentlist .commenttext{padding:0; margin:0; width:95%;} .socialfooter{float:left;width:100%; margin-bottom:15px;} .socialfooter .socialcategory {margin:-10px 0 0 0px;} .socialfooter h3{margin-top:15px;} [class*="aq_span"] {margin-left:0;} } @media screen and (min-width:960px) and (max-width:1180px){ .footer-top{width:100%;} .footer-top-search-text {display:none;} .footer-top-search-field{float: left; height:100%; padding: 0 20px;} .one_half.item2{width:35% !important;} } @media screen and (max-width:620px){ .homerecent .one_fourth.item4, .homerecent .one_fourth {margin-left: 50%;left: -138px !important;} .anythingBase .panel img {width:100% !important;} } @media screen and (max-width:515px){ .homerecent .one_fourth.item4, .homerecent .one_fourth {margin-left: 50%;left: -138px !important;} /*single*/ .leftholder,.addthis_button,.commenttitle,#commentform h3{display:none;} .singledefult .sentry,.singledefult .meta,#respond {width:100%;} .specificComment{margin:10px 0px 0px 0px;} .tags {margin-left:0; width:100%;} .tabs li{width:100%; float:left} ul.tabs a {padding:10px 0;} .tabs li h2{float:left; display:block; text-align:left;} } @media screen and (min-width:580px) and (max-width:1180px){ .homerecent .one_half {width: 48.0% !important;margin:0 !important; margin-right:1.3% !important;} .homerecent .one_half .recentimage {float:none !important;} .item2 .recentdescription {margin-top:60px} .item2 img{height:200px !important;} .footer_widget1, .footer_widget2, .footer_widget3, .footer_widget4{width:48% !important; margin-right:0; } .footer_widget1, .footer_widget3{margin-right:4%;} .item3{width:45% !important;} .team {margin-left:50%; left:-137px;position:relative;} .one_fourth.item4 {margin-left:2%;} } @media screen and (max-width:599px){ .post.home .posttext {width:450px !important;} .shopSidebar .recentimage {width:100% !important; padding-top: 10px;} .top-nav ul{display:none;} .homerecent h3{width:60%; height:20px} .share-post {margin-left:10px;} } @media screen and (max-width:478px){ .top-nav {height:60px;} #customer_login .form-row, .cart-collaterals-shipping {width:100% !important;} .cart-collaterals {float:left;width:auto !important;} .carButtons {text-align:left !important;} .post.home .posttext {width:350px !important;} #portitems2 .image, #portitems2 .image img {float:none;} /*home recent port*/ .infotext-title-small, .shop_table .minus, .shop_table .plus{display:none;} .recentdescription{padding-left:10px;} .recentimage, .recentdescription {width:100% !important; padding-top: 10px;} .recentdescription {padding-top: 0px;} .respMenu{float:none;} .logo-fixedmenu{display:none;} .descriptionholder {width:100%;margin-left:0 !important;} /*footer*/ #footer .widget{width:98%; margin-left:2px;} .gototop {margin:-25px 0px 0px 80% !important} /*team*/ .one_third.team {width:100%;} /*blog*/ .blogpostcategory .leftholder{display:none;} .blogpostcategory .meta {width:100%; margin:0 auto;margin-left:5px;} .blogpostcategory .blogmore{width: 100%;float: right !important;text-align: left;} .blogpostcategory .meta .socialsingle{width:50%;} .comment-author, .commentlist .commenttext{width:90% !important; text-align:left !important;padding:0px 10px 0 0px;} .commentlist .avatar {width:100%; float:none;background:none;} /*single*/ .singledefult .socialsingle{padding-left:0;} /*shortcode*/ ul.tabs a{width: 99%; text-align: center; padding:15px 0; } ul.tabs li{float:none;} } @media screen and (max-width:295px){ } @media screen and (min-width:560px) and (max-width:1180px){ /*blog*/ .link-category .blogpostcategory{margin:0 auto 50px auto;} .blogpostcategory .comment-inside .addthis_button {margin-left: -10px;} /*single*/ .singledefult .author{margin-left:450px;} #commentform {float:none} .commentlist,#commentform{width: 100%;text-align: center;margin: 20px auto !important;text-align:center;} form#commentform{width:100%;} .singledefult .blogpost{width:100% !important; margin:0 auto;} #respond{width:85%;} /*comment*/ #commentform{width:100%; margin:0 auto;} } @media screen and (min-width:599px) and (max-width:1180px){ /*homeRecent*/ .post.home .posttext {width:550px !important;} .homerecent.post .recentimage{width:auto;} .item3 {width:45.0% !important; } .homerecent .one_third.last{margin-right:1.4% } .homerecent .sliderAdvertisePost li div:nth-child(even) {margin-right:0% } } @media screen and (min-width:700px) and (max-width:1180px){ .post.home .posttext {width:600px !important; margin:0 auto !important;} .homerecent.post .recentdescription{width:100%;} .blogpostcategory{width:600px; margin:0 auto 40px auto;} } @media screen and (min-width:700px) and (max-width:1180px){ } @media screen and (max-width:768px){ .left-about { text-align: center; } .right-about div p { text-align: center!important; } } @media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) { /* Styles */ .post-full-width {padding:0px 0 0px 0 !important;} #footerbwrap {height:75px; text-align:center;} .blogpost .projectdescription .datecomment, .single-portfolio-skils {width:90% !important;} .post.home .posttext {width:300px !important;} } @media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) { /* Styles */ .logo-fixedmenu {margin-left:10px;} .respMenu {margin-right:10px !important;} .homerecent .one_third{width: 100% !important;} .leftContentSP, .rightContentSP {width:100% !important;overflow:hidden;} .item3 {width:100% !important;} .item3 .recentimage, .item3 .recentdescription {width:80% !important;} #footerbwrap {height:75px; text-align:center;} .blogpost .projectdescription .datecomment, .single-portfolio-skils {width:90% !important;} .post-full-width {padding:0px 0 20px 0 !important;} } @media only screen and (device-width: 768px) { /* For general iPad layouts */ } @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) { /* For portrait layouts only */ .menu > li {height:auto;padding-bottom:30px;float:left !important} .pagenav{text-align:center !important; float:right; width:100% !important;margin-bottom:62px !important; margin-right:0px !important;} .menu {margin-top:0px;display: block !important; float:right !important;} .menu { width:100% !important;text-align:center !important; } .fixedmenu .menu {width:100%;margin-top:0px;margin-right:20px;} .menu li li {display:block !important; } .respMenu { display:none!important; } #logo { margin-top:30px;text-align:left; width:100%; text-align:center; } .menu .pmcbig ul.sub-menu li, .menu .pmcbig ul.sub-menu li ul {max-width:135px;} .menu .current-menu-ancestor.has-sub-menu:before {display:none;} } /* *********************** -------------------------------------- ------------CUSTOM CSS---------- -------------------------------------- *********************** */ .menu a.important_color{border:none;} @media screen and (max-width: 599px){ } @media screen and (max-width: 1180px) and (min-width: 0px){ .respMenu a { text-align: center!important; } } .c-inactive{ /*display:none;*/ height:0px; overflow:hidden; opacity: 0; min-height: 0px; } .c-active{ /*display:block;*/ overflow:hidden; opacity:1; } .circle-icon { background-color: #D83275; line-height: 2.2em; width: 2.2em; border-radius: 100%; color: #fff; } .little-x { text-align: center; display: block!important; font-size: 20px!important; } .circle-icon:hover { background-color: #ffffff; color: #D83275; } .ssba.ssba-wrap { font-family: 'Quicksand'; } .comic-square { background: #272727; margin-bottom: 10px; color: #fff; padding: 10px; border-top-right-radius: 5px; border-top-left-radius: 5px; border-bottom: 6px solid #D83275; } .comic-square h3{ text-align:center; color:#ffffff; line-height:2.2em; white-space: nowrap; } hr.fade { margin-top: 0px; border: 0; height: 1px; background-image: linear-gradient(to right, rgba(237, 237, 237, 0), rgba(237, 237, 237, 0.75), rgba(237, 237, 237, 0)); } .go-comic { margin-top: 10px !important; color: #1CAD85; text-align: center; display: block; line-height: 2.2em; margin: 0 20px; background: transparent; border: 2px solid #1CAD85; font-family: 'Quicksand'; font-size: 20px; } .go-comic:hover { background: #1CAD85; color:#ffffff; } .pop-comic { text-align: center; color: #D83275; display: block; line-height: 2.2em; margin: 0 20px; background: transparent; border: 2px solid #D83275; font-family: 'Quicksand'; font-size: 20px; } .pop-comic:hover { background: #D83275; color:#ffffff; } .blackrow{ background:#272727 } .comic-port { padding: 20px 0; } .home-top{ margin-bottom:0px; } .blogpostcategory .overdefult { cursor: pointer; opacity: 1; filter: alpha(opacity=1); border: none; width: 100%; height: 36px; border-radius: 0; margin: 0 auto; text-align: center; position: absolute; top: 160px; z-index: 99 !important; } .blogimage.comic-prev { background: #FFD1E3; } .overdefultlink.comic-over { background-color: rgba(255,255,255,0.25); } .postcontent.comic-archive { margin-bottom: 50px; } .comic-square p { padding: 0 22px; text-align: center; height: 150px; color:#ffffff; } .comic-port { background: #E0E0E0; margin: 20px 0px 50px 0; border-radius: 5px; padding-left: 20px; padding-right: 20px; } .comic-convert { text-align: center; display: block; background: #D83275; color: #fff!important; font-family: 'Quicksand'; line-height: 2.2em; font-size: 24px; margin: 0 50px; } .c-she { height: 200px; width: 175px; background: #ffffff; margin: 0 auto 20px; border-radius: 50%; overflow: hidden; } a span.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; }