-------------------------------wizedesign-- Theme Name: Sowe Theme URI: http://sowe.wizedesign.com Description: Sowe theme will give you access to any type of information combined with a tasteful vibe for the latest technology and business aspects. The multitude of options of this theme will give you a variety of features from which you can choose whatever pleases the clients or visitors, from news to local information, from travel destinations to entertainment industry, all of it managed with a wonderful blend of photo and video galleries. Author: wizedesign Author URI: http://wizedesign.com Version: 1.1.1 Text Domain: sowe Tags: one-column, two-columns, left-sidebar, right-sidebar, custom-menu, sticky-post, theme-options License: GNU GENERAL PUBLIC LICENSE License URI: http://themeforest.net/licenses ------------------------------------------- 01. CSS RESET 02. GENERAL 03. MISC 04. LAYOUT 05. HEADER 06. FOOTER 07. PAGE 08. ERROR 09. CONTACT 10. INFO BLOG 11. SINGLE PAGE 12. COMMENTS 13. AUTHOR PAGE 14. TEMPLATE 15. WIDGET 16. TOP MENU 17. HEADER MENU 18. MEGA MENU 19. NEWS 20. FEATURE 21. PAGINATION 22. WORDPRESS CORE ------------------------------------------- */ /* -------------------------------wizedesign-- 01. CSS RESET ------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { font-style: inherit; font-weight: inherit; font-family: inherit; vertical-align: baseline; margin: 0; border: 0; padding: 0; outline: 0; font-size: 100%; } acronym:hover::after { background: #000; left: 100%; color: #fff; bottom: 100%; display: block; padding: 10px 15px; content: attr(title); position: absolute; } abbr:hover::after { background: #fffd75; left: 100%; bottom: 100%; display: block; padding: 10px 15px; content: attr(title); position: absolute; } blockquote:before { top: 0px; left: 0px; display: block; content: "\201C"; position: absolute; font-size: 40px; } ul { list-style-type: circle; padding: 0 0 0 25px; } ol { list-style-type: decimal; padding: 0 0 0 25px; } table { border-spacing: 0; border-collapse: separate; } table { border-spacing: 0; border-collapse: separate; } some_nowhitespace { nowhitespace: afterproperty } caption, th, td { text-align: left; font-weight: normal; } p { line-height: 1.7em } #search-header { display:none !important; } @media (max-width: 1280px) { #wizemenu > ul > li > a { font-size: 11px !important; width: auto !important; margin: 0 10px !important; } @media (max-width: 1265px) { #header-banner { top: 38px; right: 0px; position: absolute; } } .megamenu > li { padding: 15px 0 !important; } } blockquote { font-style: italic; line-height: 1.45; width: 600px; margin: 0 0; padding: 10px 30px; position: relative; font-size: 16px; } dt { font-weight: bold; padding-left: 20px; } dd { background: none no-repeat left top; padding-left: 20px; } big { font-size: 16px } address { font-style: italic; margin: 0px 0px 15px; } abbr { border-bottom: 1px dotted #000; position: relative; } acronym { border-bottom: 1px dotted #000; position: relative; } cite { font-style: italic; font-weight: 400; color: #c5c5c5; } sub { vertical-align: sub; font-size: smaller; } sup { vertical-align: super; font-size: smaller; } ins { background: #fff9c0; text-decoration: none; } var { font-style: oblique } tt { font-family: "Lucida Console", monospace } kbd { font-family: monospace } embed, iframe, object, video { width: 100% } /* -------------------------------wizedesign-- 02. GENERAL ------------------------------------------- */ html, body { height: 100% } body { background: #000; line-height: 1.7em; font-weight: 400; color: #000; font-size: 14px; } h1, h2, h3, h4, h5, h6 { font-weight: 600; line-height: 1.25em; word-wrap: break-word; margin: 15px 0px; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: none } h1 { font-size: 48px } h2 { font-size: 36px } h3 { font-size: 28px } h4 { font-size: 22px } h5 { font-size: 18px } h6 { font-size: 14px } a:hover { text-decoration: none; color: #222; } a img { border: none } strong { font-weight: bold } em { font-style: italic } p, ul, ol, pre, code { margin-bottom: 10px } code { font-family: monospace } pre { background: #f5f5f5; font-family: monospace; white-space: pre; white-space: pre-wrap; color: #666; margin: 20px 0; padding: 20px; overflow: auto; font-size: 14px; word-wrap: break-word; } table { margin-bottom: 20px; border-spacing: 0; border-collapse: separate; border-top-width: 5px; border: 1px solid #efefef; } th { font-weight: bold; text-transform: uppercase; padding: 10px 15px; } td { border-top: 1px solid #efefef; padding: 10px 15px; } tr.alt { background-color: #f5f5f5 } /* -------------------------------wizedesign-- 03. MISC ------------------------------------------- */ .fixed { display: block } .fixed:after { visibility: hidden; clear: both; height: 0; display: block; content: "."; } .fixed { min-height: 1% } * html .fixed { height: 1% } .hidden { display: none } .clear { clear: both } .block { display: block } .hide { display: none } /* ==== hover ==== */ a, .news-wrap, #search-header form .submit, .news-wrap .news-cover img, .news-wrap .news-bg, .tp-bullets.simplebullets.round .bullet, .widget_search #search-button, .widget_rss .rsswidget img, .wd-tmpbl2-posts .wd-tmpbl2-bg, .wd-tmpbl2-posts .wd-tmpbl2-vc, .wd-tmpbl3-posts .wd-tmpbl3-bg, .wd-tmpbl3-posts .wd-tmpbl3-vc, #tmpbl2 .tmpbl2-bg, #tmpbl2 .tmpbl2-text, #tmpbl2 h2, .wd-lk .wd-lk-bg, .wd-lk .info-likeW, .wd-slider .wd-slider-bg, .wd-social-fb .wd-social-number, .wd-social-gp .wd-social-number, .wd-social-tw .wd-social-number, ul.contactform #submitmail, .feat-cover .feat-bg, #wizemenu > ul ul.megapost .megapost-bg, #wizemenu > ul ul.megapost .megapost-title span, .feat-cover .feat-title span, .news-wrap .news-date, #sld-left .sldleft-bg, #sld-top .sldtb-bg, #sld-bottom .sldtb-bg, #sld-big .sldbig-bg, .wd-tmpbl3-posts .wd-tmpbl3-date, #tmpbl2 .info-dateC, .wd-slider .wd-slider-date, .sng-pagination a span, .mss-row, .reply, .sng-facebook, .sng-twitter, .sng-google, .sng-linkedin, .rsFullscreenIcn, .shrmedia2 .shrmedia2-play, .tweets_list li, .form-submit #submit, li.recentcomments, .widget li, .wd-review-posts .wd-review-bg, .wd-video-posts .wd-video-bg, .wd-photo-posts .wd-photo-bg, .videoGallery .rsThumb, #tmprw .tmprw-note, #tmprw, .tmprw-bg, #tmprw, .info-dateC, .wd-photo-button, .wd-video-play, #tmpbl1 .tmpbl1-wrap p, #tmpbl3 .tmpbl3-wrap p, #tmpbl4 .tmpbl4-wrap p, #tmpph .tmpph-play, #tmpvd .tmpvd-play, #tmprw .tmprw-qualifying, .widget_rss li .rssSummary, #wd-tmpbl2 .wd-tmpbl2-text, #wizemenu ul ul, #wizemenu ul ul li ul, .megapost .megapost-bg, #wizemenu ul.megamenu li .megamenu-width, .sng-aut .sng-aut-description p, #sld-left .sldleft-video, .sldleft-video, #sld-top .sldtop-video, .sldtop-video, #sld-bottom .sldbottom-video, .sldbottom-video, #sld-big .sldbig-video, .sldbig-video, .wpcf7-form input.wpcf7-submit { transition: .3s ease-in-out; text-decoration: none; -moz-transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; } /* -------------------------------wizedesign-- 04. LAYOUT ------------------------------------------- */ #contback { padding-top: 0px; width: 100%; position: relative; } #wrap { width: 1160px; margin: 0px auto 0px auto; padding:40px; background:#fff; overflow: hidden; } /* ==== layout ==== */ #layout-left { float: left; width: 760px; overflow: hidden; margin-bottom: -40px; } #layout-left-home { float: left; width: 760px; overflow: hidden; margin-bottom:-60px; } #layout-right { float: right; width: 760px; overflow: hidden; margin-bottom: -40px; } #layout-right-home { float: right; width: 760px; overflow: hidden; margin-bottom:-60px; } #layout-full { margin-left: 0px; width: 1240px; overflow: hidden; } #layout-full-home { margin-left: 0px; width: 1240px; overflow: hidden; margin-bottom:-60px; } .layout-full-fixed { margin-bottom: 20px; width: 1200px; } .layout-fixed { margin-bottom: 20px; width: 800px; } #layout-pg-left { width: 760px; float: left; overflow: hidden; } #layout-pg-right { width: 760px; float: right; } #layout-pg-left img, #layout-pg-right img, #layout-pg-full img { height: auto; max-width: 100%; } #layout-pg-full { width: 1160px; } #layout-home { margin-top: -2px; margin-bottom: 20px; width: 890px; } #layout-media { width: 1200px; overflow: hidden; margin-bottom: -40px; } .layout-media-fixed { width: 1240px } /* ==== sidebar ==== */ #sidebar-left { float: left; width: 360px; border-right:1px solid #f1f1f1; margin-left:-40px; padding-right:40px; } #sidebar-right { float: right; width: 360px; border-left:1px solid #f1f1f1; } /* -------------------------------wizedesign-- 05. HEADER ------------------------------------------- */ #header { margin: 0 auto 0px auto; z-index: 3; position: relative; width: 1240px; } .header-row { background: rgba(0,0,0,0.85); width: 1160px; height: 90px; margin: 0 auto 0 auto; padding: 40px 40px 40px 40px; position: relative; } /* ==== logo ==== */ #logo { float: left; width: 320px; height: 90px; overflow: hidden; } /* ==== banner ==== */ #header-banner { width: 728px; float: right; height: 90px; overflow: hidden; } #header-banner-none { background: url("images/banner.png"); width: 728px; float: right; height: 90px; overflow: hidden; } #leaderboard-banner { width: 970px; height: 90px; margin: 0px auto 40px auto; display: block; background: #eee; } /* ==== menu / social / search ==== */ #mss { width: 100%; height: 57px; z-index: 999; } .mss-row { background: rgba(0,0,0, 0.5); width: 1160px; height: 57px; margin: 0 auto 0 auto; padding: 0 40px; } .mss-row.glue { background: rgba(0, 0, 0, 0.8) } /* ==== social ==== */ #social-header { margin-top: 6px; float: right; } #social-header .instagram { margin-right: 10px; background-image: url("images/social/icon/instagram.png"); width: 16px; float: left; height: 16px; opacity:0.3; } #social-header .facebook { margin-right: 6px; background-image: url("images/social/icon/facebook.png"); width: 16px; float: left; height: 16px; opacity:0.3; } #social-header .twitter { margin-right: 8px; background-image: url("images/social/icon/twitter.png"); width: 16px; float: left; height: 16px; opacity:0.3; margin-top:-1px; } #social-header .youtube { margin-right: 9px; background-image: url("images/social/icon/youtube.png"); width: 16px; float: left; height: 16px; opacity:0.3; } #social-header .google { margin-right: 9px; background-image: url("images/social/icon/google.png"); width: 16px; float: left; height: 16px; opacity:0.3; } #social-header .flickr { margin-right: 10px; background-image: url("images/social/icon/flickr.png"); width: 16px; float: left; height: 16px; opacity:0.3; } #social-header .vimeo { margin-right: 10px; background-image: url("images/social/icon/vimeo.png"); width: 16px; float: left; height: 16px; margin-top:-1px; opacity:0.3; } #social-header .instagram:hover, #social-header .facebook:hover, #social-header .twitter:hover, #social-header .youtube:hover, #social-header .google:hover, #social-header .flickr:hover, #social-header .vimeo:hover { opacity:1 } /* ==== search ==== */ #search-header { margin-top: 12px; float: right; width: 33px; height: 33px; display: block; } #search-header #submit { display: none } #search-header form { position: relative } #search-header form:hover .submit { opacity: 0.7 } #search-header form .iconsearh, form .submit { top: 0px; width: 33px; right: 0px; height: 33px; display: block; position: absolute; } #search-header form .submit { background-image: url("images/search.png"); width: 33px; cursor: pointer; height: 33px; } #search-header form #search { border-top: none; border-left: 1px solid rgba(0, 0, 0, 0.1); border-right: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); text-transform: uppercase; background-color: rgba(255, 255, 255, 0.7); -webkit-appearance: none; top: 45px; width: 0; right: 0px; color: #000; opacity: 0; outline: none; position: absolute; font-size: 12px; z-index:9999; } /* -------------------------------wizedesign-- 06. FOOTER ------------------------------------------- */ #footer { background: rgba(0, 0, 0, 0.85); padding-top: 0px; padding-bottom: 0px; width: 1240px; margin: 0px auto 0px auto; } .footer-wrap { width: 1240px; margin: 0px auto 0px auto; overflow: hidden; } .footer-row { width: 1240px; margin-top:87px; } .footer-col { float: left; width: 360px; margin-left:40px; margin-bottom:-67px; } .footer-col h3.wd-title-footer { margin-bottom:43px; margin-top:-73px; text-transform: uppercase; font-size:24px; font-weight:400; color:#fff; margin-left:-20px; } .footer-col .widget { margin-top: 0px; margin-bottom: 107px !important; width: 320px; padding: 20px; position: relative; background: #000; color: #fff; } .footer-col .widget:last-child { margin-bottom: 0px } .footer-col a { color:#fff } /* ==== copyright ==== */ #copyright { background: #000; text-align: center; width: 1240px; color: rgba(255, 255, 255, 0.7); padding: 16px 0; font-size: 13px; margin: 0px auto 0px auto; } /* ==== social ==== */ #footer-social { text-align: center; background: rgba(255, 255, 255, 0.2); width: 1240px; padding: 40px 0; margin: 0px auto 0px auto; } .header-banner-content { line-height: 14px; } .footer-social-wrap a.instagram { background: url("images/social/logo/instagram.png"); margin-right: 30px; margin-bottom: -6px; width: 106px; height: 30px; display: inline-block; } .footer-social-wrap a.facebook { background: url("images/social/logo/facebook.png") no-repeat left; margin-right: 30px; width: 125px; height: 25px; display: inline-block; } .footer-social-wrap a.youtube { background: url("images/social/logo/youtube.png"); margin-right: 30px; width: 63px; height: 25px; display: inline-block; } .footer-social-wrap a.twitter { background: url("images/social/logo/twitter.png"); margin-right: 30px; width: 125px; height: 25px; display: inline-block; } .footer-social-wrap a.flickr { background: url("images/social/logo/flickr.png"); margin-right: 30px; width: 83px; height: 25px; display: inline-block; } .footer-social-wrap a.google { background: url("images/social/logo/google.png"); margin-right: 30px; margin-bottom: -6px; width: 112px; height: 30px; display: inline-block; } .footer-social-wrap a.vimeo { background: url("images/social/logo/vimeo.png"); margin-right: 30px; width: 88px; height: 25px; display: inline-block; } .footer-social-wrap a.facebook:hover, .footer-social-wrap a.google:hover, .footer-social-wrap a.twitter:hover, .footer-social-wrap a.vimeo:hover, .footer-social-wrap a.youtube:hover, .footer-social-wrap a.flickr:hover, .footer-social-wrap a.instagram:hover { opacity: 0.5 } /* -------------------------------wizedesign-- 07. PAGE ------------------------------------------- */ /* ==== page title ==== */ #page-title { text-align: center; margin-top: -15px; margin-bottom: 25px; width: 1160px; } #page-title h1 { line-height: 46px; text-transform: uppercase; color: #000; height: 46px; font-size: 48px; font-weight:400; border-top:3px solid #000; border-bottom:3px solid #f1f1f1; display:inline-block; padding:9px 2px; } /* ==== page cover ==== */ #page-cover { width: 1240px; height: 300px; margin-top: -40px; margin-left: -40px; margin-bottom: 60px; overflow: hidden; position: relative; } #page-cover img { width: 1240px; height: 300px; } #page-cover h1 { text-align: center; font-weight: 900; text-transform: uppercase; color:#fff; width: 1240px; bottom: 7px; position: absolute; font-size: 68px; } .page-cover-bg { background: url("images/bg3.png"); left: 0px; width: 100%; bottom: 0px; height: 300px; position: absolute; } /* ==== page comments ==== */ #layout-pg-left #comments, #layout-pg-right #comments, #layout-pg-full #comments { margin-top:12px; margin-bottom:-7px; } /* -------------------------------wizedesign-- 08. ERROR ------------------------------------------- */ #error-404 { text-align: center; margin-top: -15px; margin-bottom: 25px; width: 1160px; } #error-404 h1 { line-height: 46px; text-transform: uppercase; color: #000; height: 46px; font-size: 48px; font-weight:400; border-top:3px solid #000; border-bottom:3px solid #f1f1f1; display:inline-block; padding:9px 2px; } .error-subtitle { text-align: center } .error-subtitle h4 { line-height: 43px; margin-bottom: -14px; text-transform: uppercase; color: #000; height: 43px; font-size: 22px; font-weight:900; margin-top:-13px; } .error-search { text-align: center; margin-top: -54px; } .error-search h4 { line-height: 43px; margin-bottom: 26px; text-transform: uppercase; color: #000; height: 43px; font-size: 22px; font-weight:900; margin-top:66px; } /* -------------------------------wizedesign-- 09. CONTACT ------------------------------------------- */ .wpcf7-form p { text-transform: uppercase; letter-spacing: 0.5px; font-size: 12px; font-weight: 600; } .wpcf7-form input { margin-top: 5px; background: #fafafa; line-height: 24px; border-radius: 3px; color: #333; border: 1px solid #e5e5e5 !important; padding: 10px; font-size: 14px; width: 50%; margin-bottom: 6px; } .wpcf7-form textarea { margin-top: 5px; background: #fafafa; line-height: 24px; border-radius: 3px; color: #333; border: 1px solid #e5e5e5 !important; padding: 10px; font-size: 14px; width: 96%; margin-bottom: 6px; } .wpcf7-form input:focus, .wpcf7-form textarea:focus { background: #fefefe } .wpcf7-form input.wpcf7-submit { background: #000; color: #fff; text-transform: uppercase; width: auto; line-height: 24px; padding: 3px 10px; border: none !important; border-radius: 1.5px; } /* -------------------------------wizedesign-- 10. INFO BLOG ------------------------------------------- */ .info-vcl { text-align:left; float:left; } .info-vclC { left: 30px; bottom: 22px; position: absolute; text-align:left; } /* ==== sticky ==== */ .info-sticky { font-weight: 400; line-height: 17px; text-transform: uppercase; background-color: rgba(0, 0, 0, 0.7); background-image: url("images/sticky.png"); background-repeat: no-repeat; background-position: 7px 3px; top: 23px; left: 30px; color: #fff; float: left; hieght: 17px; padding: 3px 9px 3px 30px; position: absolute; font-size: 11px; font-weight:600; letter-spacing: 1.7px; } /* ==== date ==== */ .info-date { line-height: 17px; text-transform: uppercase; color: #c5c5c5; float: right; hieght: 17px; font-size: 10px; font-weight:400; font-family: "Montserrat"; margin-top:4px; } .info-dateC { text-transform: uppercase; right: 25px; color: rgba(255,255,255,0.7); bottom: 25px; position: absolute; font-family: "Montserrat"; font-weight:400; font-size: 10px; line-height: 17px; hieght: 17px; } /* ==== category ==== */ .info-cat { line-height: 15px; letter-spacing: 1.7px; text-transform: uppercase; top: 0px; left: 30px; color: #fff; height: 15px; padding: 4px 10px ; position: absolute; font-size: 9px; font-weight:900; } /* ==== view ==== */ .info-view { line-height: 16px; margin-right: 20px; padding-left: 30px; background-image: url("images/viewT.png"); background-repeat: no-repeat; background-position: 0px 0px; color: #c5c5c5; hieght: 16px; font-size: 12px; font-weight:700; display:inline-block; font-family: "Montserrat" } .info-viewC { line-height: 16px; margin-right: 20px; padding-left: 30px; background-image: url("images/view.png"); background-repeat: no-repeat; background-position: 0px 0px; color: #fff; display:inline-block; hieght: 16px; font-size: 12px; font-family: "Montserrat"; } /* ==== comment ==== */ .info-com { line-height: 16px; margin-right: 20px; padding-left: 25px; background-image: url("images/comT.png"); background-repeat: no-repeat; background-position: 0px 0px; color: #c5c5c5; display:inline-block; hieght: 16px; font-size: 12px; font-weight:700; font-family: "Montserrat" } .info-comC { line-height: 16px; margin-right: 20px; padding-left: 25px; background-image: url("images/com.png"); background-repeat: no-repeat; background-position: 0px 0px; color: #fff; display:inline-block; hieght: 16px; font-size: 12px; font-family: "Montserrat"; } /* ==== like ==== */ a.info-like, a.info-liked { font-weight: 400; line-height: 16px; padding-left: 25px; text-transform: uppercase; background-image: url("images/likeT.png"); background-repeat: no-repeat; background-position: 0px 0px; color: #c5c5c5; display:inline-block; hieght: 16px; font-size: 12px; font-weight:700; font-family: "Montserrat" } a.info-likeC, a.info-likedC { font-weight: 400; line-height: 16px; padding-left: 25px; text-transform: uppercase; background-image: url("images/like.png"); background-repeat: no-repeat; background-position: 0px 0px; color: #fff; display:inline-block; hieght: 16px; font-size: 12px; font-weight:700; font-family: "Montserrat" } a.info-likeCB, a.info-likedCB { font-weight: 400; line-height: 18px; padding-left: 29px; text-transform: uppercase; background-image: url("images/likeB.png"); background-repeat: no-repeat; background-position: 0px 0px; color: #fff; float: left; hieght: 18px; font-size: 14px; font-family: "Montserrat" } a.info-likeS, a.info-likedS { font-weight: 600; padding-left: 31px; text-transform: uppercase; background-image: url("images/likeBT.png"); background-repeat: no-repeat; background-position: 0px -1px; color: #000; float: right; font-size: 14px; font-family: "Montserrat"; margin-top:2px; } a.info-like, a.info-like.like:hover, a.info-liked.unlike, a.info-liked:hover { background-image: url("images/likeT.png"); color: #c5c5c5; } .info-likeW { text-align: center; font-weight: 700; padding-left: 1px; text-transform: uppercase; background-image: url("images/likeBT2.png"); background-repeat: no-repeat; background-position: 0px 0px; top: 20px; left: 30px; color: #fff !important; float: left; width: 31px; height: 28px; position: absolute; font-size: 10px; font-family: "Montserrat"; } a.info-liked, a.info-liked.unlike:hover, a.info-like.like, a.info-liked.unlike:hover, a.info-like:hover { background-image: url("images/likeC.png"); color: #c5c5c5; } #tmpbl1:hover a.info-like, #tmpbl3:hover a.info-like, #tmpbl1:hover a.info-liked, #tmpbl3:hover a.info-liked { color: #000 !important } a.info-likeC, a.info-likeC.like:hover, a.info-likedC.unlike, a.info-likedC:hover { background-image: url("images/like.png"); color: #fff; } a.info-likedC, a.info-likedC.unlike:hover, a.info-likeC.like, a.info-likedC.unlike:hover, a.info-likeC:hover { background-image: url("images/likeC.png"); color: #fff; } a.info-likeCB, a.info-likeCB.like:hover, a.info-likedCB.unlike, a.info-likedCB:hover { background-image: url("images/likeB.png"); color: #fff; } a.info-likeS, a.info-likeS.like:hover, a.info-likedS.unlike, a.info-likedS:hover { background-image: url("images/likeBT.png"); color: #000; } a.info-likedCB, a.info-likedCB.unlike:hover, a.info-likeCB.like, a.info-likedCB.unlike:hover, a.info-likeCB:hover { background-image: url("images/likeCB.png"); color: #fff; } a.info-likedS, a.info-likedS.unlike:hover, a.info-likeS.like, a.info-likedS.unlike:hover, a.info-likeS:hover { background-image: url("images/likeCB2.png"); color: #000; } /* -------------------------------wizedesign-- 11. SINGLE PAGE ------------------------------------------- */ /* ==== great cover ==== */ #snggreat { width: 1240px; height: 460px; margin-bottom:40px; margin-top:-40px; margin-left:-40px; } .snggreat-cover { position: relative } .snggreat-cover img { width: 1240px; height: 460px; } .snggreat-cover h1 { font-weight: 900; line-height: 1.2em; text-transform: uppercase; left: 40px; color: #fff; width: 1100px; bottom: 83px; position: absolute; font-size: 56px; margin: 0; } .snggreat-bg { background: url("images/bg4.png"); left: 0px; width: 100%; bottom: 7px; height: 460px; position: absolute; } .snggreat-cat { font-weight: 900; line-height: 18px; letter-spacing: 2px; text-transform: uppercase; top: 0px; left: 40px; color: #fff; height: 18px; padding: 4px 11px; position: absolute; font-size: 11px; } .snggreat-like { top: 36px; right: 40px; position: absolute; font-family: "Montserrat"; } .snggreat-info { left: 40px; bottom: 40px; position: absolute; width:1160px; } .snggreat-date { line-height: 16px; padding-left: 24px; text-transform: uppercase; background-image: url("images/write.png"); background-repeat: no-repeat; background-position: 0px 0px; color: #fff; hieght: 16px; display: inline-block; font-size: 12px; font-family: "Montserrat"; } .snggreat-view { line-height: 16px; margin-left: 20px; padding-left: 30px; text-transform: uppercase; background-image: url("images/view.png"); background-repeat: no-repeat; background-position: 0px 0px; color: #fff; hieght: 16px; display: inline-block; font-size: 12px; font-family: "Montserrat"; } .snggreat-com { line-height: 16px; margin-left: 20px; padding-left: 25px; text-transform: uppercase; background-image: url("images/com.png"); background-repeat: no-repeat; background-position: 0px 0px; color: #fff; hieght: 16px; display: inline-block; font-size: 12px; font-family: "Montserrat"; } .snggreat-time { line-height: 16px; margin-left: 20px; padding-left: 25px; text-transform: uppercase; background-image: url("images/time.png"); background-repeat: no-repeat; background-position: 0px -1px; color: #fff; hieght: 16px; display: inline-block; font-size: 12px; font-family: "Montserrat"; } /* ==== article ==== */ .sng-art { background: #fff; margin-bottom: 40px; width: 760px; } .sng-art img { height: auto; max-width: 100% } .sng-art h1 { line-height: 1.25em; font-weight: 900; margin-bottom: 21px; font-size: 46px; } .sng-cl { margin-bottom: 28px; width: 760px; height: 25px; } .sng-cat { font-weight: 900; line-height: 18px; letter-spacing: 2px; text-transform: uppercase; color: #fff; height: 18px; padding: 4px 11px; font-size: 11px; float:left; } .sng-cover { margin-bottom: 37px; width: 760px; height: 422px; overflow: hidden; } .sng-cover img { width: 760px; height: 422px; } .sng-dvct { margin-bottom: 32px; width: 790px; height: 25px; } .sng-date { line-height: 16px; padding-left: 24px; text-transform: uppercase; background-image: url("images/writeT.png"); background-repeat: no-repeat; background-position: 0px 0px; color: #c5c5c5; hieght: 16px; display: inline-block; font-size: 12px; font-family: "Montserrat"; } .sng-view { line-height: 16px; margin-left: 20px; padding-left: 30px; text-transform: uppercase; background-image: url("images/viewT.png"); background-repeat: no-repeat; background-position: 0px 0px; color: #c5c5c5; hieght: 16px; display: inline-block; font-size: 12px; font-family: "Montserrat"; } .sng-com { line-height: 16px; margin-left: 20px; padding-left: 24px; text-transform: uppercase; background-image: url("images/comT.png"); background-repeat: no-repeat; background-position: 0px 0px; color: #c5c5c5; hieght: 16px; display: inline-block; font-size: 12px; font-family: "Montserrat"; } .sng-time { line-height: 16px; margin-left: 20px; padding-left: 24px; text-transform: uppercase; background-image: url("images/timeT.png"); background-repeat: no-repeat; background-position: 0px -1px; color: #c5c5c5; hieght: 16px; display: inline-block; font-size: 12px; font-family: "Montserrat"; } .sng-bottom { margin-bottom: 16px; width: 760px; height:10px; } .sng-ts { margin-bottom:40px; } .sng-fix { width: 700px; height: 10px; float: left; margin-bottom: 25px; } /* ==== gallery ==== */ #sng-gallery { margin-bottom: 39px; width: 760px; height: 526px; } .sng-video { margin-bottom: 40px; height:400px; width:760px; } /* ==== tag ==== */ .sng-tag { padding-left: 29px; margin-bottom: -5px; background-image: url("images/tag.png"); background-repeat: no-repeat; background-position: 0px 4px; width: 500px; float: left; } .sng-tag a { margin-top: -3px; background: #000; font-weight: 600; line-height: 18px; margin-right: 0px; margin-bottom: 3px; border-radius: 1.5px; color: #fff; height: 18px; display: inline-block; padding: 3px 8px; font-size: 12px; } .sng-tag a:hover { color: #fff } /* ==== social ==== */ .sng-social { margin-top: 1px; padding-left: 29px; background-image: url("images/social.png"); background-repeat: no-repeat; background-position: 0px 3px; float: right; } .sng-facebook { background: url("images/social/share/facebook.png"); margin-right: 3px; width: 24px; float: left; height: 24px; } .sng-twitter { background: url("images/social/share/twitter.png"); margin-right: 3px; width: 24px; float: left; height: 24px; } .sng-google { background: url("images/social/share/google.png"); margin-right: 3px; width: 24px; float: left; height: 24px; } .sng-linkedin { background: url("images/social/share/linkedin.png"); width: 24px; float: left; height: 24px; } .sng-facebook:hover, .sng-twitter:hover, .sng-google:hover, .sng-linkedin:hover { opacity:0.7 } /* ==== prev&next ==== */ .sng-links { margin-top:-6px; margin-bottom: 40px; text-transform: uppercase; width: 760px; float: left; } .sng-links-prev { text-align: left; margin-right: 40px; letter-spacing: 1.5px; width: 360px; float: left; color: #c5c5c5; font-size: 14px; } .sng-links-prev span a, .sng-links-next span a { background: #f5f5f5; line-height: 1.3em; font-weight: 900; border-radius: 1.5px; letter-spacing: normal; color: #000; float: left; width: 320px; padding: 20px; font-size: 20px; margin-top:3px; } .sng-links-prev span a:hover, .sng-links-next span a:hover { background: #eee } .sng-links-next { text-align: right; letter-spacing: 1.5px; width: 360px; float: left; color: #c5c5c5; font-size: 14px; } /* ==== author ==== */ .sng-aut { margin-bottom: 40px; width: 760px; color: #fff; float:left; height: 130px; border-top:3px solid #000; border-bottom:3px solid #f1f1f1; padding:20px 0; } .sng-autR { margin-bottom: 0px; width: 760px; color: #fff; float:left; height: 130px; border-top:3px solid #000; border-bottom:3px solid #f1f1f1; padding:20px 0; } .sng-aut .wp-user-avatar, .sng-autR .wp-user-avatar { margin-top: 0px; margin-right: 0px; border-radius: 50%; float: left; } .sng-aut-avatar { margin-right: 30px; float: left; } .sng-aut-avatar img { width: 130px; height: 130px; overflow: hidden; } .sng-aut-description { margin-top: 1px; width: 600px; float: left; display: block; } .sng-aut-description p { margin-top: 11px; font-weight: 400; line-height: 1.5em; margin-bottom: 12px; color: #666; font-size: 13px; } .sng-aut:hover .sng-aut-description p { color:#000 } a.sng-aut-user { font-weight: 800; color: #000; font-size: 20px; } a.sng-aut-url { background: #000; color: #fff; margin-top: 3px; font-weight: 400; line-height: 14px; letter-spacing: 0.5px; float: right; color:#fff; height: 14px; padding: 2px 8px; font-size: 10px; border-radius:1.5px; } .sng-aut-post { padding-left: 22px; margin-right: 25px; text-transform: uppercase; background-image: url("images/posts.png"); background-repeat: no-repeat; background-position: 0px 4px; color: #000; float: left; font-size: 13px; font-family: "Montserrat"; } .sng-aut-com { padding-left: 24px; text-transform: uppercase; background-image: url("images/comT2.png"); background-repeat: no-repeat; background-position: 0px 4px; color: #000; float: left; font-size: 13px; font-family: "Montserrat"; } /* ==== review great cover ==== */ #rwgreat { width: 760px; height: 422px; } .rwgreat-cover { position: relative } .rwgreat-cover img { width: 760px; height: 422px; } .rwgreat-cover h1 { font-weight: 900; line-height: 1.2em; text-transform: uppercase; left: 40px; color: #fff; width: 680px; bottom: 70px; position: absolute; font-size: 44px; } .rwgreat-bg { background: url("images/bg5.png"); left: 0px; width: 100%; bottom: 7px; height: 422px; position: absolute; } .rwgreat-cat { font-weight: 600; line-height: 15px; letter-spacing: 1.5px; text-transform: uppercase; top: 4px; left: 4px; color: #fff; height: 15px; padding: 3px 9px; position: absolute; font-size: 10px; } .rwgreat-like { bottom: 43px; right: 40px; position: absolute; } .rwgreat-info { left: 40px; bottom: 40px; position: absolute; } .rwgreat-date { line-height: 16px; padding-left: 24px; text-transform: uppercase; background-image: url("images/write.png"); background-repeat: no-repeat; background-position: 0px 0px; color: #fff; hieght: 16px; display: inline-block; font-size: 12px; font-family: "Montserrat" } .rwgreat-view { line-height: 16px; margin-left: 20px; padding-left: 30px; text-transform: uppercase; background-image: url("images/view.png"); background-repeat: no-repeat; background-position: 0px 0px; color: #fff; hieght: 16px; display: inline-block; font-size: 12px; font-family: "Montserrat" } .rwgreat-social { right:40px; top: 40px; position: absolute; } /* ==== review ==== */ #sngrw { background: #000; margin-bottom: 37px; float: left; width: 680px; color: #fff; padding: 40px 40px 36px 40px; position: relative; } .sngrw-comment { margin-top: 20px; line-height: 1.5em; color: #bbb; float: left; font-size: 14px; } .sngrw-note { text-align: center; line-height: 120px; font-weight: 900; top: 21px; width: 170px; right: 40px; height: 120px; position: absolute; font-size: 100px; font-family: "Montserrat"; } .sngrw-qualifying { font-weight: 800; text-transform: uppercase; top: 70px; font-size: 18px; text-align: center; color: #fff; height:20px; width: 170px; position: absolute; } .sngrw-rw { background: #222; margin-bottom: 4px; width: 480px; padding: 0px; position: relative; } .sngrw-rw-title { font-weight: 700; text-transform: uppercase; top: 8px; left: 15px; color: #fff; z-index: 2; position: absolute; font-size: 16px; } .sngrw-rw-score { text-align: center; font-weight: 600; top: 8px; right: 15px; width: 44px; z-index: 2; position: absolute; font-size: 31px; font-family: "Montserrat"; } .sngrw-rating { background: #222 } .jRatingColor { top: 0; left: 0; height: 100%; z-index: 2; position: relative; } /* ==== media - video & photo ==== */ #sngmedia iframe { margin-bottom:-7px; } .sngmedia-title h1 { line-height: 1.25em; margin-bottom: 20px; color: #000; float: left; font-size: 46px; font-weight: 900; } .sngmedia-cat { font-weight: 900; line-height: 18px; letter-spacing: 2px; text-transform: uppercase; color: #fff; height: 18px; padding: 4px 11px; font-size: 11px; float:left; margin-right:3px; } .sngmedia-nr { font-weight: 900; line-height: 18px; letter-spacing: 2px; text-transform: uppercase; color: #fff; height: 18px; padding: 4px 11px; font-size: 11px; float:left; background:#000; } .sngmedia-cl { margin-bottom: 14px; height: 25px; } .sngmedia-vdvl { margin-bottom: 32px; width: 1160px; float: left; height: 25px; } .sngmedia-venue { line-height: 16px; padding-left: 24px; margin-right: 20px; text-transform: uppercase; background-image: url("images/venue.png"); background-repeat: no-repeat; background-position: 0px 0px; color: #c5c5c5; hieght: 16px; display: inline-block; font-size: 12px; font-family: "Montserrat"; } .sngmedia-date { line-height: 16px; padding-left: 24px; margin-right: 20px; text-transform: uppercase; background-image: url("images/date.png"); background-repeat: no-repeat; background-position: 0px -1px; color: #c5c5c5; hieght: 16px; display: inline-block; font-size: 12px; font-family: "Montserrat"; } .sngmedia-view { line-height: 16px; margin-right: 20px; padding-left: 30px; text-transform: uppercase; background-image: url("images/viewT.png"); background-repeat: no-repeat; background-position: 0px 0px; color: #c5c5c5; hieght: 16px; display: inline-block; font-size: 12px; font-family: "Montserrat"; } .sngmedia-social { margin-top: -2px; padding-left: 29px; background-image: url("images/social.png"); background-repeat: no-repeat; background-position: 0px 3px; float: right; } .phsng-col { width: 1165px; float: left; margin-top:-3px; } img.sngph-photo { margin-top: 3px; margin-right: 3px; width: 230px; float: left; height: 229px; } /* -------------------------------wizedesign-- 12. COMMENTS ------------------------------------------- */ #comments { float: left; width: 760px; margin-top:-21px; } #comments strong { font-weight: normal } #comments cite { font-style: normal; color: #000; } #comments ol { padding: 0 } #comments em { font-style: normal } h3#reply-title { font-weight: 700; margin-bottom: 5px; text-transform: uppercase; color: #000; display: inline-block; font-size: 24px; } .required { font-weight: 400; color: #ff0000; } .comment-notes { margin-bottom: 21px; text-transform: uppercase; color: #b5b5b5; font-size: 12px; } .logged-in-as { margin-bottom: 21px; text-transform: uppercase; color: #b5b5b5; font-size: 12px; } .logged-in-as a { font-weight: 800; text-transform: none; color: #000; } .comment-form-author, .comment-form-email, .comment-form-url { font-weight: 600; margin-bottom: 16px; text-transform: uppercase; letter-spacing: 0.5px; width: 50%; color: #000; font-size: 12px; } .comment-form-author #author, .comment-form-email #email, .comment-form-url #url { background: #f7f7f7; margin-top: 0px; border-radius: 3px; text-transform: none; color: #333; border: 1px solid #e5e5e5; padding: 10px; font-size: 14px; } .comment-form-author input, .comment-form-email input, .comment-form-url input { width: 100% } .comment-form-comment { font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; width: 760px; color: #000; font-size: 12px; } .comment-form-author input#author:focus, .comment-form-email input#email:focus, .comment-form-url input#url:focus, .comment-form-comment textarea#comment:focus { background: #fefefe } .comment-form-comment #comment { margin-top: 5px; background: #fafafa; line-height: 24px; border-radius: 3px; color: #333; border: 1px solid #e5e5e5 !important; padding: 10px; font-size: 14px; width:738px; } .comment-form-comment textarea { width: 100%; height: 160px; } .form-submit { margin-top: 26px; margin-bottom: 0; height:40px; } .form-submit #submit { font-weight: 500; line-height: 20px; background:#000; border-radius: 1.5px; text-transform: uppercase; color: #fff; border: none; cursor: pointer; height: 33px; padding: 3px 13px; position: relative; font-size: 14px !important; } .form-submit #submit:hover { background: #000 } .commentlist { list-style: none; margin-top: 16px; margin-bottom: 32px; width: 760px; } .commentlist li.comment > div { margin-bottom: 14px; border-bottom: 1px solid #f1f1f1; padding: 5px 0px; } .commentlist li.comment > div:hover .reply { opacity: 1 } .commentlist .comment-respond { margin-top: 27px; border-bottom: 0 !important; } .commentlist .comment-respond .comment-form-comment { width: 100% } .commentlist .comment-respond .comment-form-comment textarea#comment { width: 96% !important; height: 160px; } .commentlist ul.children { margin-top: 10px; background: url("images/reply.png") no-repeat; background-position: 23px 22px; } .commentlist ul.children .comment-respond { margin-top: 27px !important; margin-bottom: 24px !important; } .commentlist .children { list-style: none } .commentlist .children li { margin-left: 60px; border: none; } .commentlist .avatar { margin-right: 20px; margin-bottom: 0px; border-radius: 50%; top: 0; left: 0; float: left; width: 60px; height: 60px; overflow: hidden; } .commentlist ol { list-style: decimal } .comment-author cite { font-weight: 600; color: #000; font-size: 16px; } .comment-author cite a { font-weight: 800; color: #000; } .comment-meta { text-transform: uppercase; color: #c5c5c5; font-size: 12px; } .comment-meta a { color: #b5b5b5 } a.comment-edit-link { font-weight: 600; color: #000; font-size: 10px; } .comment-body { margin-top: 9px; margin-left: 80px; } .comment-body ol { padding: 0 0 0 25px !important } .reply { margin-top: -40px; margin-right: 0px; text-decoration: none; float: right; opacity: 0; } .reply a { font-weight: 400; border-radius: 1.5px; text-transform: uppercase; color: #fff; padding: 5px 10px; font-size: 10px; line-height:14px; height:14px; background:#000; } .nopassword { display: none } .nocomments { text-align: center; margin-top: -9px; font-weight: 600; margin-bottom: -8px; color: #c5c5c5; font-size: 16px; } #respond { margin-top: -7px } #respond .form-allowed-tags { margin-top: 10px; background: #f3f3f3; line-height: 18px; color: #000; padding: 10px; font-size: 14px; } #respond .form-allowed-tags code { font-size: 14px } #respond .form-submit input { width: auto; font-size: 12px; } .form-allowed-tags { line-height: 1em } .children #respond { margin-top: 10px; margin-bottom: 20px; } #cancel-comment-reply-link { font-weight: normal; line-height: 18px; font-size: 12px; } ul.children { list-style-type: none } ul.children li { list-style-type: none } form#commentform input { margin-top: 5px; padding: 7px; } /* -------------------------------wizedesign-- 13. AUTHOR PAGE ------------------------------------------- */ #author-info { background: #fff; margin-top: -36px; width: 250px; padding: 30px 30px; } #author-info .author-description { margin-top: 15px; width: 250px; display: block; } #author-info .author-description a:hover { color: #000 } #author-info .author-description p.url { margin-bottom: 0px } #author-info .author-description p { margin-bottom: 20px } #author-info .author-avatar { margin-bottom: 20px; width: 290x; height: 90px; } #author-info .author-avatar img { margin-top: 0px; margin-right: 20px; border-radius: 50%; width: 83px; float: left; height: 83px; overflow: hidden; } #author-info p.aut { font-weight: 600; margin-bottom: 18px; font-size: 18px; } #author-info p.nr, #author-info p.com { margin-top: -15px; text-transform: uppercase; color: #c5c5c5; font-size: 14px; } .author-description p { margin-bottom: 10px } .author-description a { color: #fff } /* -------------------------------wizedesign-- 14. TEMPLATE ------------------------------------------- */ /* ==== blog style 1 ==== */ #tmpbl1 { margin-bottom: 40px; width: 760px; height: 252px; } .tmpbl1-cover { float: left; width: 330px; height: 252px; overflow: hidden; position: relative; margin-right:30px; } .tmpbl1-cover img { width: 330px; height: 252px; } .tmpbl1-wrap { float: right; width: 400px; } .tmpbl1-wrap h2 { margin-top: -1px; font-weight: 700; line-height: 1.4em; margin-bottom: 14px; font-size: 20px; } .tmpbl1-wrap h2 a { color: #000 } .tmpbl1-wrap p { margin-bottom: 15px !important; color:#666; } #tmpbl1:hover .tmpbl1-wrap p { color:#000; } /* ==== blog style 2 ==== */ #tmpbl2 { margin-right: 40px; margin-bottom: 40px; float: left; width: 360px; height: 278px; position: relative; } #tmpbl2:hover .tmpbl2-text { opacity: 1 } #tmpbl2:hover .tmpbl2-bg { background: rgba(0, 0, 0, 0.7); width: 360px; height: 278px; } #tmpbl2:hover h2 { text-transform: uppercase; left: 30px; bottom: 128px; position: absolute; } #tmpbl2 h2 { line-height: 1.3em; text-transform: uppercase; left: 30px; width: 300px; bottom: 48px; position: absolute; font-size: 20px; } #tmpbl2 h2 a { font-weight: 900; color: #fff; } #tmpbl2 h2 a:hover { color:rgba(255,255,255,0.7) } .tmpbl2-cover { float: left; width: 360px; height: 278px; overflow: hidden; position: relative; } .tmpbl2-cover img { width: 360px; height: 278px; } .tmpbl2-bg { background: url("images/bg6.png"); left: 0px; width: 360px; bottom: 0px; height: 278px; position: absolute; } .tmpbl2-text { font-weight: 400; line-height: 1.5em; left: 30px; color: rgba(255, 255, 255, 0.8); width: 300px; bottom: 64px; opacity: 0; position: absolute; font-size: 14px; } /* ==== blog style 3 ==== */ #tmpbl3 { margin-right: 40px; margin-bottom: 33px; width: 360px; } .tmpbl3-cover { float: left; width: 360px; height: 200px; overflow: hidden; position: relative; margin-bottom:30px; } .tmpbl3-cover img { width: 360px; height: 200px; } .tmpbl3-wrap { background: #fff; float: left; width: 350px; } .tmpbl3-wrap h2 { margin-top: -6px; line-height: 1.4em; margin-bottom: 13px; font-size: 20px; } .tmpbl3-wrap h2 a { font-weight: 700; color: #000; } .tmpbl3-wrap p { margin-bottom: 13px !important; color:#666; } #tmpbl3:hover .tmpbl3-wrap p { color:#000; } /* ==== blog style 4 ==== */ #tmpbl4 { margin-bottom: 33px; float: left; width: 760px; } .tmpbl4-cover { float: left; width: 760px; height: 333px; overflow: hidden; position: relative; margin-bottom:30px; } .tmpbl4-cover img { width: 760px; height: 333px; } .tmpbl4-wrap { background: #fff; float: right; width: 760px; } .tmpbl4-wrap h2 { margin-top: -9px; line-height: 1.4em; margin-bottom: 11px; font-size: 28px; } .tmpbl4-wrap h2 a { font-weight: 700; color: #000; } .tmpbl4-wrap p { margin-bottom: 14px !important; color:#666; } #tmpbl4:hover .tmpbl4-wrap p { color:#000; } /* ==== review ==== */ #tmprw { margin-bottom: 40px; float: left; width: 760px; height: 333px; position: relative; } #tmprw:hover .tmprw-bg { background: rgba(0, 0, 0, 0.7); width: 760px; height: 333px; } .tmprw-cover { float: left; width: 760px; height: 333px; overflow: hidden; position: relative; } .tmprw-cover img { width: 760px; height: 333px; } .tmprw-wrap { background:rgba(0,0,0,0.7); width:400px; height:273px; top:30px; right:30px; position:absolute; } .tmprw-wrap h2 { line-height: 1.3em; text-transform: uppercase; left: 30px; width: 340px; bottom: 145px; position: absolute; font-size: 22px; } .tmprw-wrap h2 a { font-weight: 900; color: #fff; } .tmprw-wrap h2 a:hover { color: rgba(255, 255, 255, 0.7) } .tmprw-text { color: rgba(255, 255, 255, 0.8); left: 30px; width: 340px; top: 125px; position: absolute; font-size: 14px; line-height:1.5em; } .tmprw-bg { background: rgba(0, 0, 0, 0.0); left: 0px; width: 760px; bottom: 0px; height: 333px; position: absolute; } .tmprw-cat { font-weight: 600; line-height: 15px; letter-spacing: 1.7px; text-transform: uppercase; top: 0px; left: 30px; color: #fff; height: 15px; padding: 4px 10px; position: absolute; font-size: 9px; font-weight:900; } .tmprw-review { background: rgba(255, 255, 255, 0.1); right: 30px; bottom: 73px; padding: 4px 4px 0px 4px; position: absolute; } .tmprw-note { font-weight: 600; top: 130px; left: 30px; color: rgba(255, 255, 255, 0.7); position: absolute; font-size: 150px; font-family: "Montserrat"; text-align:center; width:270px; } .tmprw-qualifying { font-weight: 900; bottom: 90px; left: 30px; color: rgba(255, 255, 255, 0.7); position: absolute; font-size: 30px; text-align:center; width:270px; text-transform: uppercase; } #tmprw:hover .tmprw-note, #tmprw:hover .tmprw-qualifying { color: rgba(255, 255, 255, 1) } /* ==== media ==== */ .tmpmedia-cat { font-weight: 600; line-height: 15px; letter-spacing: 1.7px; text-transform: uppercase; top: 0px; left: 30px; color: #fff; height: 15px; padding: 4px 10px; position: absolute; font-size: 9px; font-weight:900; } /* ==== video ==== */ #tmpvd { margin-right: 40px; margin-bottom: 40px; float: left; width: 360px; height: 275px; position: relative; } .tmpvd-title { left: 30px; width: 300px; bottom: 47px; position: absolute; } .tmpvd-title h2 { line-height: 1.3em; text-transform: uppercase; font-size: 20px; margin-top:8px; } .tmpvd-title h2 a { font-weight: 900; color: #fff; } .tmpvd-title h2 a:hover { color: rgba(255, 255, 255, 0.7) } .tmpvd-title span { font-size: 12px; color:#fff; text-transform: uppercase; font-family: "Montserrat"; border-bottom:3px solid #fff; padding:1px 3px; } .tmpvd-cover { float: left; width: 360px; height: 275px; overflow: hidden; position: relative; } .tmpvd-cover img { width: 360px; height: 278px; } .tmpvd-bg { background: url("images/bg7.png"); left: 0px; width: 360px; bottom: 0px; height: 275px; position: absolute; } .tmpvd-play { background: url("images/playM.png"); top: 20px; width: 86px; float: left; right: 20px; height: 86px; position: absolute; opacity: 0.3; cursor:pointer } .tmpvd-play:hover { opacity: 0.6 } #tmpvd:hover .tmpvd-play { opacity: 1 } .tmpvd-play:hover { opacity: 0.7 !important } /* ==== photo ==== */ #tmpph { margin-right: 40px; margin-bottom: 40px; float: left; width: 360px; height: 360px; position: relative; } .tmpph-title { left: 30px; width: 300px; bottom: 47px; position: absolute; } .tmpph-title h2 { line-height: 1.3em; text-transform: uppercase; font-size: 24px; margin-top:6px; } .tmpph-title h2 a { font-weight: 900; color: #fff; } .tmpph-title h2 a:hover { color: rgba(255, 255, 255, 0.7) } .tmpph-title span { font-size: 12px; color: #fff; text-transform: uppercase; font-family: "Montserrat"; border-bottom:3px solid #fff; padding:1px 3px; } .tmpph-cover { float: left; width: 360px; height: 360px; overflow: hidden; position: relative; } .tmpph-cover img { width: 360px; height: 360px; } .tmpph-bg { background: url("images/bg8.png"); left: 0px; width: 360px; bottom: 0px; height: 360px; position: absolute; } .tmpph-play { background: url("images/photo.png"); top: 20px; width: 86px; float: left; right: 20px; height: 62px; position: absolute; opacity: 0.3; cursor:pointer } #tmpph:hover .tmpph-play { opacity: 1 } .tmpph-play:hover { opacity: 0.7 !important } /* ==== cinema ==== */ #shrcinema { margin-bottom: 40px; width: 760px; height: 345px; } .rsDefault .rsTmb h2 { text-transform: uppercase; color: #fff; font-size: 14px; font-weight:900; } .rsABlock { line-height: 16px; text-transform: uppercase; left: 30px; bottom: 35px; height: 16px; z-index: 15; position: absolute; } .rsABlock span.length { background: #000; font-weight: 600; margin-right: -4px; text-transform: uppercase; top: 1px; color: #fff; padding: 3px 7px; position: relative; font-size: 14px; font-family: "Montserrat"; } .rsABlock span.date { background: #fff; text-transform: uppercase; color: #000; padding: 2px 7px; font-size: 11px; font-family: "Montserrat"; } .rsDefault .rsPlayBtnIcon { background: url("images/playB.png"); width: 128px; height: 128px; display: block; } .rsNavSelected { background: #222 } .videoGallery .rsTmb { padding: 2px 20px } .videoGallery .rsThumbs .rsThumb { border-bottom: 1px solid #222; width: 230px; height: 86px; } /* ==== shortcode title ==== */ h3.sh-title { font-weight: 400; line-height: 23px; margin-bottom: 26px; margin-top:0px; text-transform: uppercase; letter-spacing: 0.5px; top: -3px; color: #000; height: 23px; display: inline-block; position: relative; font-size: 24px; } /* -------------------------------wizedesign-- 15. WIDGET ------------------------------------------- */ .widget { margin-top: 0px; margin-bottom: 20px; width: 320px; padding: 40px; position: relative; } .widget:last-child { margin-bottom: -40px; } .widget img.wp-smiley { width: auto } .widget .wp-caption { width: 304px } .widget select { width: 320px } .widget iframe { width: 320px } .widget p img { width: 320px } .widget ul { padding: 0 0 0 0 } .widget ul ul { margin-left: 20px } .widget ul ul li { margin-top: 12px } /* ==== title ==== */ h3.wd-title { margin-bottom:21px; margin-top:-47px; text-transform: uppercase; font-size:24px; font-weight:400; } h3.wd-title a { color: #000; font-weight:800; } h3.wd-title a:hover { color: #666 } /* ==== archives list / dropdown ==== */ .widget_archive ul { margin-bottom: 0 } .widget_archive li { list-style: none; font-weight: 700; margin-bottom: 11px; font-size: 12px; } .widget_archive li:last-child { margin-bottom: -3px; } .widget_archive li a { margin-right: 4px; font-size: 16px; } .widget_archive label { margin-top: -2px; font-weight: 700; margin-bottom: 6px; float: left; } /* ==== calendar ==== */ .widget_calendar #calendar_wrap { margin-top: 76px; margin-bottom:-30px; overflow: hidden; } .widget_calendar #wp-calendar caption { text-align: center; background: #f1f1f1; line-height: 15px; margin-bottom: 10px; text-transform: uppercase; top: 46px; left: 40px; color: #c5c5c5; width: 320px; height: 15px; padding: 15px 0 16px 0; position: absolute; font-size: 16px; font-family: "Montserrat"; } .widget_calendar table { } .widget_calendar table td { border: none } .widget_calendar table#wp-calendar { border: none } .widget_calendar thead>tr>th { text-align: center; color: #000; padding: 4px 14px; font-size: 16px; } .widget_calendar tbody>tr>td { text-align: center; line-height: 30px; height: 30px; width:50px; padding: 2px; font-family: "Montserrat"; font-size: 14px; } .widget_calendar tbody>tr>td a { font-weight: 700 } .widget_calendar tbody>tr>td#today { font-weight: 700; font-size: 18px; } .widget_calendar tfoot { top: 0px; left: 0px; width: 320px; position: absolute; } .widget_calendar tfoot>tr>td#next { top: 56px; right: 55px; padding: 0; position: absolute; } .widget_calendar tfoot>tr>td#prev a, .widget_calendar tfoot>tr>td#next a { background: #000; font-weight: 700; text-height: 15px; border-radius: 3px; text-transform: uppercase; color: #fff; height: 15px; padding: 2px 7px; font-size: 11px; } .widget_calendar tfoot>tr>td#prev a:hover, .widget_calendar tfoot>tr>td#next a:hover { color: #fff } .widget_calendar tfoot>tr>td#prev { top: 56px; left: 55px; padding: 0; position: absolute; } .footer-col .widget_calendar #calendar_wrap { margin-top: 95px; margin-bottom:-30px; overflow: hidden; } .footer-col .widget_calendar #wp-calendar caption { text-align: center; background: #f1f1f1; line-height: 15px; margin-bottom: 10px; text-transform: uppercase; top: 20px; left: 20px; color: #c5c5c5; width: 320px; height: 15px; padding: 15px 0 16px 0; position: absolute; font-size: 16px; font-family: "Montserrat"; } .footer-col .widget_calendar tfoot>tr>td#prev { top: 31px; left: 35px; padding: 0; position: absolute; } .footer-col .widget_calendar tfoot>tr>td#next { top: 31px; right: 35px; padding: 0; position: absolute; } .footer-col .widget_calendar thead>tr>th { text-align: center; color: #fff; padding: 4px 14px; font-size: 16px; } /* ==== categories list / dropdown ==== */ .widget_categories ul { margin-bottom: 0 } .widget_categories li { list-style: none; font-weight: 700; margin-bottom: 11px; font-size: 12px; } .widget_categories li:last-child { margin-bottom: -3px; } .widget_categories li a { margin-right: 4px; font-size: 16px; } .widget_categories label { margin-top: -2px; font-weight: 700; margin-bottom: 6px; float: left; } /* ==== pages ==== */ .widget_pages ul { margin-bottom: 0 } .widget_pages li { list-style: none; font-weight: 700; margin-bottom: 11px; font-size: 12px; } .widget_pages li:last-child { margin-bottom: -3px } .widget_pages li a { margin-right: 4px; font-size: 16px; } /* ==== meta ==== */ .widget_meta ul { margin-bottom: 0 } .widget_meta li { list-style: none; font-weight: 700; margin-bottom: 11px; } .widget_meta li { list-style: none; font-weight: 700; margin-bottom: 11px; font-size: 12px; } .widget_meta li:last-child { margin-bottom: -3px; } .widget_meta li a { margin-right: 4px; font-size: 16px; } .widget_meta li a abbr { border-bottom: 0 } /* ==== recent comments ==== */ .widget_recent_comments a.url { font-weight: 500 } .widget_recent_comments span { text-transform: none } .widget_recent_comments li { text-align: left; line-height: 1.6em; font-weight: 500; margin-bottom: 15px; list-style-type: none; width: 320px; padding-bottom:15px; border-bottom:1px solid #f1f1f1; } .widget_recent_comments li a { font-weight: 700 } .widget_recent_comments li:last-child { border-bottom:0; margin-bottom: -17px; } .widget_recent_comments ul { list-style-type: circle; list-style-image: url("images/comSD.png"); list-style-position: inside; overflow: hidden; margin-bottom: 0; } .footer-col .widget_recent_comments li { text-align: left; line-height: 1.6em; font-weight: 500; margin-bottom: 15px; list-style-type: none; width: 320px; padding-bottom:15px; border-bottom:1px solid #222; } .footer-col .widget_recent_comments li:last-child { border-bottom:0; margin-bottom: -17px; } .footer-col .widget_recent_comments ul { list-style-type: circle; list-style-image: url("images/comSL.png"); list-style-position: inside; overflow: hidden; margin-bottom: 0; } /* ==== recent posts ==== */ .widget_recent_entries ul { list-style-type: circle; list-style-image: url("images/writeSD.png"); list-style-position: inside; overflow: hidden; margin-bottom: 0; } .widget_recent_entries li { text-align: left; line-height: 1.6em; font-weight: 500; margin-bottom: 15px; list-style-type: none; width: 320px; padding-bottom:15px; border-bottom:1px solid #f1f1f1; } .widget_recent_entries li a { font-weight: 700 } .widget_recent_entries li:last-child { border-bottom:0; margin-bottom: -17px; } .footer-col .widget_recent_entries li { text-align: left; line-height: 1.6em; font-weight: 500; margin-bottom: 15px; list-style-type: none; width: 320px; padding-bottom:15px; border-bottom:1px solid #222; } .footer-col .widget_recent_entries li:last-child { border-bottom:0; margin-bottom: -17px; } .footer-col .widget_recent_entries ul { list-style-type: circle; list-style-image: url("images/writeSL.png"); list-style-position: inside; overflow: hidden; margin-bottom: 0; } /* ==== rss ==== */ .widget_rss .rsswidget img { margin-right: 2px; top: -1px; position: relative; } .widget_rss .rsswidget img:hover { opacity: 0.7 } .widget_rss ul { list-style-type: circle; list-style-image: url("images/rssD.png"); list-style-position: inside; overflow: hidden; margin-bottom: 0; } .widget_rss li { text-align: left; font-weight: 500; margin-bottom: 15px; list-style-type: none; width: 320px; padding-bottom:15px; border-bottom:1px solid #f1f1f1; color:#666; } .widget_rss li a { font-weight: 700 } .widget_rss li span.rss-date { font-weight: 700; display:block; font-size:10px; font-family: "Montserrat"; margin-top:3px; margin-bottom:3px; } .widget_rss li:last-child { border-bottom:0; margin-bottom: -18px; } .widget_rss li .rssSummary { color:#666; font-weight:400; margin-bottom:6px; } .widget_rss li:hover .rssSummary { color:#000 } .footer-col .widget_rss li { text-align: left; line-height: 1.6em; font-weight: 500; margin-bottom: 15px; list-style-type: none; width: 320px; padding-bottom:15px; border-bottom:1px solid #222; } .footer-col .widget_rss li:last-child { border-bottom:0; margin-bottom: -17px; } .footer-col .widget_rss ul { list-style-type: circle; list-style-image: url("images/rssL.png"); list-style-position: inside; overflow: hidden; margin-bottom: 0; } .footer-col .widget_rss li .rssSummary { color:#ccc; font-weight:400; margin-bottom:6px; } .footer-col .widget_rss li:hover .rssSummary { color:#fff; } /* ==== search ==== */ .widget_search #search-button { background: #000 url("images/searchB.png"); left: 278px; width: 42px; height: 42px; cursor: pointer; border: none; bottom: -3px; position: relative; } .widget_search #searchinput { line-height: 30px; font-weight: 400; text-transform: uppercase; width: 241px; color: #999; float: left; height: 30px; border: 1px solid #e5e5e5; padding: 5px 15px; position: absolute; overflow: hidden; font-size: 14px; background:#fafafa; margin-top:3px; } .widget_search #searchform { margin-bottom:3px } /* ==== tag cloud ==== */ .widget_tag_cloud { margin-bottom: 20px } .widget_tag_cloud .tagcloud a { background: #000; margin-left: 0px; line-height: 21px; margin-top: 3px; color: #fff; height: 21px; display: inline-block; padding: 3px 9px; border-radius:1.5px; font-size: 12px !important; } .widget_tag_cloud .tagcloud a:hover { text-decoration: none; color: #fff; } .footer-col .widget_tag_cloud .tagcloud a { background: #fff; margin-left: 0px; line-height: 21px; margin-top: 3px; color: #000; height: 21px; display: inline-block; padding: 3px 9px; border-radius:1.5px; font-size: 12px !important; } .footer-col .widget_tag_cloud .tagcloud a:hover { color: #fff; } /* ==== nav menu ==== */ .widget_nav_menu ul { margin-bottom: 0; } .widget_nav_menu li { list-style: none; font-weight: 700; margin-bottom: 11px; font-size: 14px; } .widget_nav_menu li:last-child { margin-bottom: -3px; } .widget_nav_menu li a { font-size: 16px } /* ==== recent posts #1 ==== */ #wd-tmpbl1 { margin-bottom: -30px; margin-top: 24px } .wd-tmpbl1-posts { line-height: 1.6em; margin-bottom: 15px; width: 320px; height: 93px; padding-bottom:15px; } .wd-tmpbl1-posts img { margin-right: 15px; float: left; width: 93px; height: 93px; overflow: hidden; } .wd-tmpbl1-posts a { font-weight: 700; font-size: 16px; display:block; margin-top:2px; margin-bottom:4px; } .wd-tmpbl1-date { color:#c5c5c5; font-size: 10px; font-family: "Montserrat"; text-transform: uppercase; float:left; } .wd-tmpbl1-cat { font-weight: 900; text-transform: uppercase; letter-spacing: 1.7px; top: 0px; color: #000; font-size: 10px; position:relative; top:-2px; } .footer-col .wd-tmpbl1-posts { line-height: 1.6em; margin-bottom: 15px; width: 320px; height: 93px; border-bottom:1px solid #222; padding-bottom:15px; } .footer-col .wd-tmpbl1-cat { font-weight: 900; text-transform: uppercase; letter-spacing: 1.7px; top: 0px; color: #fff; font-size: 10px; position:relative; top:-2px; } .footer-col .wd-tmpbl1-posts:last-child { border-bottom:0px } /* ==== recent posts #2 ==== */ #wd-tmpbl2 { margin-bottom: -30px; margin-top:24px } .wd-tmpbl2-posts { margin-bottom: 15px; width: 320px; padding-bottom:31px; } .wd-tmpbl2-posts:hover .wd-tmpbl2-bg { background: rgba(0, 0, 0, 0.7) } .wd-tmpbl2-cover { position: relative; width: 320px; height: 178px; margin-bottom:14px; } .wd-tmpbl2-cover img { width: 320px; height: 178px; } .wd-tmpbl2-title { width: 270px; bottom: 10px; left:30px; position: absolute; } .wd-tmpbl2-title h2 { font-weight: 900; line-height: 1.3em; font-size: 16px; color:#fff; text-transform: uppercase; } .wd-tmpbl2-title h2 a { color:#fff } .wd-tmpbl2-title h2 a:hover { color:rgba(255,255,255,0.7) !important } .wd-tmpbl2-bg { background: url("images/bg9.png"); bottom: 0; left: 0; width: 320px; height: 178px; position: absolute; } .wd-tmpbl2-text { color: #666; margin-bottom:5px; } .wd-tmpbl2-posts:hover .wd-tmpbl2-text { color: #000; } .wd-tmpbl2-date { font-weight: 400; text-transform: uppercase; color: #c5c5c5; font-size: 10px; float:right; font-family: "Montserrat"; } .wd-tmpbl2-cat { font-weight: 900; text-transform: uppercase; letter-spacing: 1.7px; top: 0px; color: #000; font-size: 10px; float:left; } .wd-tmpbl2-vcl { top: 12px; right: 20px; position: absolute; } .footer-col .wd-tmpbl2-posts { margin-bottom: 15px; width: 320px; border-bottom:1px solid #222; padding-bottom:31px; } .footer-col .wd-tmpbl2-cat { font-weight: 900; text-transform: uppercase; letter-spacing: 1.7px; top: 0px; color: #fff; font-size: 10px; float:left; } .footer-col .wd-tmpbl2-text { color: #ccc; margin-bottom:5px; } .footer-col .wd-tmpbl2-posts:hover .wd-tmpbl2-text { color: #fff } .footer-col .wd-tmpbl2-posts:last-child { border-bottom:0 } /* ==== recent posts #3 ==== */ #wd-tmpbl3 { margin-bottom: -2px; margin-top:23px } .wd-tmpbl3-posts { margin-bottom: 3px; width: 320px; height: 244px; position: relative; } .wd-tmpbl3-posts:hover .wd-tmpbl3-bg { background: rgba(0, 0, 0, 0.7) } .wd-tmpbl3-posts img { width: 320px; height: 244px; } .wd-tmpbl3-bg { background: url("images/bg10.png"); left: 0; width: 320px; height: 244px; bottom: 0px; position: absolute; } .wd-tmpbl3-posts h2 { font-weight: 900; line-height: 1.3em; text-transform: uppercase; width: 260px; font-size: 18px; left: 30px; bottom: 48px; position: absolute; } .wd-tmpbl3-posts h2 a { color: #fff } .wd-tmpbl3-posts h2 a:hover { color: rgba(255,255,255, 0.7) !important } .wd-tmpbl3-cat { line-height: 15px; letter-spacing: 1.7px; text-transform: uppercase; top: 0px; left: 30px; color: #fff; height: 15px; padding: 4px 10px 4px 10px ; position: absolute; font-size: 9px; font-weight: 900; } .wd-tmpbl3-date { text-transform: uppercase; right: 20px; color: #fff; top: 20px; position: absolute; font-family: "Montserrat"; font-weight:400; font-size: 10px; background:rgba(255,255,255,0.2); padding:0 5px; line-height: 17px; hieght: 17px; } .wd-tmpbl3-vcl { bottom: 23px; left: 30px; position: absolute; } /* ==== advertising ==== */ .widget_advertising { background: #eee; width: 300px; height: 250px; padding: 10px; margin-left: 40px; margin-bottom: 60px; } /* ==== flickr ==== */ .widget_flickr:after { visibility: hidden; margin-bottom: -3px; clear: both; height: 0; display: block; content: "."; } #wd-flickr { width: 324px; margin-top:24px; } .flickr_badge_image { margin-right: 3px; margin-bottom: 3px; width: 105px; float: left; height: 105px; } .flickr_badge_image img { width: 105px; height: 105px; } /* ==== like posts ==== */ .widget_like li { text-align: center; font-weight: 700; right: 20px; color: #fff; width: 40px; top: 27px; cursor: default; display: block; position: absolute; font-size: 54px; font-family: "Montserrat"; } .widget_like li:before { counter-increment: item; content: counter(item) " "; } ol#wd-like { counter-reset: item; list-style-type: decimal; padding-left:0; margin-bottom:-3px; margin-top:24px; } .wd-lk { width: 320px; height: 178px; margin-bottom:3px; } .wd-lk:hover .wd-lk-bg { background: rgba(0, 0, 0, 0.7) } .wd-lk-cover { width: 320px; height: 178px; position: relative; } .wd-lk-cover img { width: 320px; height: 178px; } .wd-lk-bg { background: url("images/bg11.png"); left: 0; width: 100%; bottom: 0; height: 178px; position: absolute; } .wd-lk h2 { font-weight: 900; line-height: 1.3em; text-transform: uppercase; width: 260px; color: #fff; font-size: 18px; margin: 0; left: 30px; width: 260px; bottom: 24px; position: absolute; } .wd-lk h2 a { color: #fff; } .wd-lk h2 a:hover { color: rgba(255,255,255,0.7) !important; } /* ==== photo ==== */ #wd-photo { margin-bottom:-3px; margin-top:24px; } .wd-photo-posts { margin-bottom: 3px; width: 320px; height: 178px; position: relative; } .wd-photo-posts:hover .wd-photo-bg { background: rgba(0, 0, 0, 0.7); } .wd-photo-posts img { width: 320px; height: 178px; margin: 0; } .wd-photo-bg { background: url("images/bg11.png"); left: 0; width: 100%; height: 178px; bottom: 0px; position: absolute; } .wd-photo-title { left: 30px; bottom: 24px; position: absolute; } .wd-photo-title span { background: #000; font-weight: 600; line-height: 15px; letter-spacing: 1.5px; text-transform: uppercase; top: -5px; color: #fff; float: left; height: 15px; padding: 3px 9px; position: relative; font-size: 10px; font-family: "Montserrat"; } .wd-photo-title h2 { font-weight: 900; line-height: 1.3em; text-transform: uppercase; width: 260px; float: left; font-size: 18px; margin: 0; } .wd-photo-title h2 a { color: #fff } .wd-photo-title h2 a:hover { color: rgba(255,255,255,0.7) !important } .wd-photo-button { background: url("images/photoS.png"); top: 20px; right: 20px; width: 64px; height: 46px; position: absolute; } .wd-photo-button:hover { opacity: 0.7 } /* ==== review ==== */ #wd-review { margin-bottom:-3px; margin-top:24px; } .wd-review-posts { margin-bottom: 3px; width: 320px; height: 244px; position: relative; } .wd-review-posts:hover .wd-review-bg { background: rgba(0, 0, 0, 0.7); } .wd-review-posts img { width: 320px; height: 244px; } .wd-review-bg { background: url("images/bg10.png"); left: 0; width: 320px; height: 244px; bottom: 0px; position: absolute; } .wd-review-title { left: 30px; bottom: 24px; position: absolute; } .wd-review-title span { background: #000; font-weight: 600; line-height: 15px; letter-spacing: 1.5px; text-transform: uppercase; top: -5px; color: #fff; float: left; height: 15px; padding: 3px 9px; position: relative; font-size: 10px; font-family: "Montserrat"; } .wd-review-title h2 { font-weight: 900; line-height: 1.3em; text-transform: uppercase; width: 260px; color: #fff; float: left; font-size: 20px; margin: 0; } .wd-review-title h2 a { color: #fff } .wd-review-title h2 a:hover { color: rgba(255,255,255,0.7) !important } .wd-review-note { text-align: center; font-weight: 600; top: 27px; right: 30px; color: #fff; position: absolute; font-size: 48px; font-family: "Montserrat"; text-align:center; width:80px; } /* ==== like slider ==== */ .wd-slider { margin-bottom:0px; margin-top:24px; position: relative; width: 320px; height: 320px; } .wd-slider:hover .wd-slider-bg { background: rgba(0, 0, 0, 0.7); } .wd-slider li { position: relative } .wd-slider li img { width: 320px; height: 320px; } .wd-slider-bg { background: url("images/bg12.png"); left: 0; width: 100%; height: 320px; bottom: 7px; position: absolute; } .wd-slider-title { left: 30px; bottom: 40px; position: absolute; } .wd-slider-title span { background: #000; font-weight: 600; line-height: 15px; letter-spacing: 1.5px; text-transform: uppercase; top: -5px; color: #fff; float: left; height: 15px; padding: 3px 9px; position: relative; font-size: 10px; font-family: "Montserrat"; } .wd-slider-title h2 { margin-top: 0px; font-weight: 900; line-height: 1.3em; text-transform: uppercase; color: #fff; width: 260px; font-size: 22px; float:left; } .wd-slider-title h2 a { color: #fff } .wd-slider-title h2 a:hover { color: rgba(255,255,255,0.7) !important } .wd-slider-title { left: 30px; bottom: 15px; position: absolute; } .wd-slider-vcl { right: 10px; top: 22px; position: absolute; } ol.flex-control-nav { list-style-type: none; right: 30px; bottom: 2px; position: absolute; } ol.flex-control-nav li { line-height: 14px; float: left; height: 14px; } ol.flex-control-nav li a { background: #fff; text-align: center; margin-left: 3px; font-weight: 700; padding-left: 1px; border-radius: 50%; width: 14px; color: #000; height: 14px; cursor: pointer; display: block; opacity: 0.3; font-size: 9px; font-family: "Montserrat"; } ol.flex-control-nav li a:hover { opacity: 1 } /* ==== social followers ==== */ .widget_social_media { width:322px } .wd-social-fb { background: #3b5998 url("images/social/widget/facebook.png") no-repeat; margin-right: 0px; text-transform: uppercase; background-position: 37px 24px; width: 105px; height: 125px; display: inline-block; position: relative; margin-top:3px; margin-bottom:-6px; } .wd-social-fb:hover .wd-social-number, .wd-social-gp:hover .wd-social-number, .wd-social-tw:hover .wd-social-number { background: rgba(0, 0, 0, 0.7) } .wd-social-gp { background: #db4437 url("images/social/widget/google.png") no-repeat; margin-right: -1px; text-transform: uppercase; background-position: 37px 24px; width: 105px; height: 125px; display: inline-block; position: relative; margin-top:3px; margin-bottom:-6px; } .wd-social-tw { background: #55acee url("images/social/widget/twitter.png") no-repeat; margin-right: 0px; text-transform: uppercase; background-position: 36px 24px; width: 105px; height: 125px; display: inline-block; position: relative; margin-top:3px; margin-bottom:-6px; } .wd-social-number { text-align: center; background: rgba(0, 0, 0, 0.1); left: 0px; color: #fff; width: 105px; bottom: 0px; height: 37px; padding: 4px 0; position: absolute; font-size: 18px; font-family: "Montserrat"; font-weight:700; } .wd-social-number span { margin-top: -7px; display: block; font-size: 10px; } .footer-col .widget_social_media { width:322px } /* ==== soundcloud ==== */ .widget_soundcloud iframe { width: 320px; height: 200px; margin-top:2px; margin-bottom:-6px; } /* ==== twitter ==== */ .widget_tweet ul { list-style-type: circle; list-style-image: url("images/twitterD.png"); list-style-position: inside; overflow: hidden; margin-bottom:0; } .tweets_list li { text-align: left; font-weight: 500; line-height: 1.6em; margin-bottom: 15px; list-style-type: none; padding-bottom:15px; border-bottom:1px solid #f1f1f1; width: 320px; color:#666; } .tweets_list li:hover { color:#000 } .tweets_list li:last-child { border-bottom:0; margin-bottom: -17px; } .footer-col .widget_tweet ul { list-style-type: circle; list-style-image: url("images/twitterL.png"); list-style-position: inside; overflow: hidden; margin-bottom:0; } .footer-col .tweets_list li { text-align: left; font-weight: 500; line-height: 1.6em; margin-bottom: 15px; list-style-type: none; padding-bottom:15px; border-bottom:1px solid #222; width: 320px; color:#ccc; } .footer-col .tweets_list li:hover { color:#fff } .footer-col .tweets_list li:last-child { border-bottom:0; margin-bottom: -17px; } /* ==== video ==== */ #wd-video { margin-bottom:-2px; margin-top:25px; } .wd-video-posts { margin-bottom: 3px; width: 320px; height: 178px; position: relative; } .wd-video-posts:hover .wd-video-bg { background: rgba(0, 0, 0, 0.7); } .wd-video-posts img { width: 320px; height: 178px; } .wd-video-bg { background: url("images/bg11.png"); left: 0; width: 100%; height: 178px; bottom: 0px; position: absolute; } .wd-video-title { left: 30px; bottom: 24px; position: absolute; } .wd-video-title span { background: #000; font-weight: 600; line-height: 15px; letter-spacing: 1.5px; text-transform: uppercase; top: -5px; color: #fff; float: left; height: 15px; padding: 3px 9px; position: relative; font-size: 10px; font-family: "Montserrat"; } .wd-video-title h2 { font-weight: 900; line-height: 1.3em; text-transform: uppercase; width: 260px; color: #fff; float: left; font-size: 18px; margin: 0; } .wd-video-title h2 a { color: #fff } .wd-video-title h2 a:hover { color: rba(255,255,255,0.7) !important } .wd-video-play { background: url("images/playL.png"); top: 17px; right: 20px; width: 64px; height: 64px; position: absolute; } .wd-video-play:hover { opacity: 0.6 } /* ==== youtube / vimeo ==== */ .widget_youtube iframe, .widget_vimeo iframe { width: 320px; height: 220px; margin-top:2px; margin-bottom:-6px; } /* -------------------------------wizedesign-- 16. TOP MENU ------------------------------------------- */ #top-menu { background:#000; width:1160px; height:29px; padding:0px 40px; margin-top:-10px; } #wizetopmenu ul { margin-left:-25px; list-style-type: none; } #wizetopmenu ul ul { display:none } #wizetopmenu > ul li { list-style: none; float: left; margin-top:7px; } #wizetopmenu > ul > li > a { font-weight: 700; line-height: 15px; height:15px; margin-right: 25px; text-transform: uppercase; color: rgba(255,255,255,0.7); display: block; font-size: 9px; letter-spacing: 1px; z-index: 999; position:relative; } #wizetopmenu > ul > li.current-menu-item > a { color: #fff; font-weight:900; } #wizetopmenu > ul > li.current-menu-item > a:hover { color: rgba(255,255,255,0.7) } #wizetopmenu > ul > li:hover > a { color:#fff } /* ==== current time ==== */ .top-menu-time { float:right; color:#fff; text-transform: uppercase; font-size:12px; color: rgba(255,255,255,0.3); font-family: "Montserrat"; font-weight:500; margin-top:7px; border-left:2px solid rgba(255,255,255,0.3); height:15px; line-height:15px; padding-left:8px; } /* -------------------------------wizedesign-- 17. HEADER MENU ------------------------------------------- */ #menu { float: left; margin: 22px auto 0px auto; z-index: 999; opacity: 1; position: absolute; } #menu ul { list-style-type: none; } #wizemenu > ul li { list-style: none; float: left; } #wizemenu > ul li:hover ul, #wizemenu > ul li li:hover ul, #wizemenu > ul li li li:hover ul, #wizemenu > ul li.over ul, #wizemenu > ul li li.over ul, #wizemenu >ul li li li.over ul { display: block } #wizemenu > ul > li.has-sub { position: relative } #wizemenu > ul > li > a { font-weight: bold; line-height: 15px; height:15px; margin-right: 35px; text-transform: uppercase; color: rgba(255,255,255,1) !important; display: block; font-size: 13px; letter-spacing: 1px; z-index: 999; position:relative; } #wizemenu > ul > li.active > a { color: #fff; font-weight:900; } #wizemenu > ul > li.active > a:hover { color: rgba(255,255,255,0.7) } #wizemenu > ul > li:hover > a { color:#fff; } /* ==== childs ==== */ #wizemenu > ul li:hover ul { visibility: visible; top: 9px !important; left: -20px; margin: 0; opacity: 1; z-index: 2; } #wizemenu > ul ul { visibility: hidden; padding: 36px 0px 0px 0px; opacity: 0; z-index: 2; position: absolute; top: 0px; left: -20px; } #wizemenu > ul ul li.has-sub:first-child > a:after { top: 18px } #wizemenu > ul ul li.has-sub > a:after { font-weight: 400; top: 10px; right: 20px; content: "+"; position: absolute; font-size: 18px; font-family: "Montserrat"; } #wizemenu > ul ul li { list-style: none; background: #000; width: 100%; margin: 0; padding: 0px; position: relative; } #wizemenu > ul ul li:first-child a { padding-top: 17px } #wizemenu > ul ul li:last-child a { padding-bottom: 17px } #wizemenu > ul ul li a { font-weight: 600; text-transform: uppercase; text-decoration: none; width: 170px; color: #fff; display: block; padding: 9px 20px; z-index: 999; position: relative; font-size: 12px; line-height:1.3em; } #wizemenu > ul ul li a:hover { color: rgba(255,255,255,0.7) } /* ==== 3-level childs ==== */ #wizemenu > ul ul li:hover ul { top: -28px; left: 210px; opacity:1; visibility: visible; } #wizemenu > ul ul ul { padding-left: 3px; position: absolute; top: -28px; left: 210px; visibility: hidden; opacity:0; } #wizemenu > ul ul ul li { list-style: none; margin-left: 0px; } #wizemenu > ul ul ul li:first-child a { padding-top: 17px } #wizemenu > ul ul ul li:last-child a { padding-bottom: 17px } #wizemenu > ul ul ul li a { font-weight: 700; text-transform: uppercase; text-decoration: none; width: 170px; color: #fff; display: block; padding: 1px 20px; z-index: 999; position: relative; font-size: 12px; line-height:1.3em; } #wizemenu ul ul ul > li { display: block; position: relative; } #wizemenu > ul li:hover ul ul { display: none } #wizemenu > ul ul li:hover ul { display: block } /* -------------------------------wizedesign-- 18. MEGA MENU ------------------------------------------- */ .megamenu { list-style: none; line-height: 1; margin: 0; padding: 0; position: relative; } ul.megamenu li:hover .megamenu-width { top: 0px; left: -40px; visibility: visible; opacity:1; } .megamenu-width { visibility: hidden; width: 1240px; margin: 0px auto 0px auto; z-index: 998; overflow: hidden; top: 0px; left: -40px; position: absolute; opacity:0; } .megamenu-back { background: #000; width: 1160px; height: 219px; padding: 40px; } .megapost { margin-right: 3px; width: 287px; float: left; height: 219px; position: relative; } .megapost img { width: 287px; height: 219px; opacity: 1; } .megapost-bg { background: url("images/bg13.png"); left: 0; width: 100%; height: 219px; bottom: 0; z-index: 1; position: absolute; } .megapost:hover .megapost-bg { background: rgba(0,0,0,0.7) } .megapost h2 { text-transform: uppercase; font-weight: 900; line-height: 1.3em; font-size: 18px; left: 20px; width: 250px; bottom: -1px; z-index: 3; position: absolute; } .megapost h2 a { color: #fff } .megapost h2 a:hover { color: rgba(255,255,255,0.7) } .megapost-date { background: #000; text-transform: uppercase; left: 15px; color: #fff; bottom: 100px; padding: 3px 10px; z-index: 3; display: inline; position: absolute; font-size: 12px; } .megapost-vcl { right: 20px; top: 17px; z-index: 3; display: inline; position: absolute; } #wizemenu > ul ul.megapost { background: none; top: 0px; padding: 0; } #wizemenu ul > li > .megamenu-width { padding-top: 36px; position: absolute; } #wizemenu > ul ul.megapost:hover .megapost-title span { color: rgba(255, 255, 255, 0.6) } #wizemenu > ul ul.megapost:hover .megapost-bg { background-color: rgba(0, 0, 0, 0.8) } #wizemenu > ul ul.megapost li a { padding: 0px } #wizemenu > ul li:hover ul.megapost { top: 0px } /* -------------------------------wizedesign-- 19. NEWS ------------------------------------------- */ #news { width: 786px; height: 90px; float:right; margin-right:0px; } #news .overflowholder { width: 100%; z-index: 2; overflow: hidden; position: relative; } #news .overflowholder ul { top: 0px; left: 0px; width: 786px; position: absolute; } #news .overflowholder ul li { transition: all 0.25s ease-in-out; margin-right: 3px; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; list-style-type: none; -webkit-transition: all 0.25s ease; float: left !important; width: 260px !important; position: relative; } #news ul, #news li { list-style: none; margin: 0; padding: 0; } #news ul li { margin-right: 3px; -webkit-transform: translateZ(10); -webkit-perspective: 1000; -webkit-backface-visibility: hidden; position: relative; } .news-wrap { width: 260px; height: 90px; } .news-wrap:hover .news-bg { background: rgba(0, 0, 0, 0.5) } .news-bg { background: rgba(255, 255, 255, 0.1); top: 0px; left: 0px; width: 260px; height: 90px; position: absolute; } .news-title { left: 20px; width: 230px; bottom: 1px; position: absolute; } .news-title h3 { line-height: 1.3em; font-weight: 900; text-transform: uppercase; color: #fff; font-size: 14px; } .news-date { text-transform: uppercase; top: 12px; left: 20px; color: rgba(255,255,255,0.7); position: absolute; font-size: 10px; font-family: "Montserrat"; } .news-cat { line-height: 15px; letter-spacing: 1.7px; text-transform: uppercase; top: 0px; right: 20px; color: #fff; height: 15px; padding: 3px 8px; position: absolute; font-size: 9px; font-weight:900; } /* -------------------------------wizedesign-- 20. FEATURE ------------------------------------------- */ #feat { margin: 0 auto; height: 275px; width:1240px; overflow: hidden; } .feat-wrap { width:1240px; height: 275px; overflow: hidden; position: absolute; } .feat-cover { float: left; width: 495px; height: 275px; display: block; position: relative; } .feat-cover:hover .feat-bg { background: rgba(0, 0, 0, 0.7) } .feat-cover span { font-weight: 400; padding-top: 3px; color: #000; display: block; font-size: 12px; } .feat-cover img { width: 495px; height: 275px; } .feat-title { left: 30px; width: 430px; bottom: 7px; z-index: 3; position: absolute; } .feat-title span { font-size: 12px; color: #fff; text-transform: uppercase; font-family: "Montserrat"; border-bottom: 3px solid #fff; padding: 3px 3px; line-height:12px; float:left; } .feat-title h2 { line-height: 1.3em; font-weight: 900; text-transform: uppercase; color: #fff; font-size: 26px; float:left; margin-top:8px; } .feat-cat { font-weight: 900; line-height: 15px; letter-spacing: 1.7px; text-transform: uppercase; top: 0px; left: 30px; color: #fff; height: 15px; padding: 4px 10px ; z-index: 3; position: absolute; position: absolute; font-size: 9px; } .feat-bg { background: url("images/bg14.png"); top: 0; left: 0; width: 100%; height: 275px; z-index: 1; position: absolute; } .feat-vcl { top: 22px; right: 30px; z-index: 3; position: absolute; } .feat-prev { background-position: left; top: 0; width: 50%; height: 275px; display: block; z-index: 4; position: absolute; background-color: rgba(0, 0, 0, 1); background-image: url("images/leftB.png"); background-repeat: no-repeat; background-position: right 105px; opacity:0.5; } .feat-prev:hover { opacity:8; background-color: rgba(0, 0, 0, 0.7); } .feat-next { background-position: right; top: 0; width: 50%; height: 275px; display: block; z-index: 4; position: absolute; background-color: rgba(0, 0, 0, 1); background-image: url("images/rightB.png"); background-repeat: no-repeat; background-position: left 105px; opacity:0.5; } .feat-next:hover { opacity:8; background-color: rgba(0, 0, 0, 0.7); } .feat-prev { left: -495px } .feat-next { right: -495px } /* -------------------------------wizedesign-- 21. PAGINATION ------------------------------------------- */ #pagination-posts { margin-bottom: 40px; text-align: center; float: left; width: 100%; height: 33px; bottom: 0px; display: block; position: relative; } .pagination { line-height: 33px; height: 33px; } .pagination .current { opacity: 0.3 } .pagination span, .pagination a { background: #000; font-weight: 700; margin-right: 3px; border-radius: 1.5px; text-decoration: none; width: 32px; color: #fff; padding: 5px 13px; font-size: 16px; font-family: "Montserrat"; } .pagination a:hover { color: #fff } .sng-pagination { margin-top: 18px; text-align: center; margin-bottom: 29px; width: 810px; float: left; } .sng-pagination a span { background: #000; color: #fff; } .sng-pagination span { background: rgba(0, 0, 0, 0.2); font-weight: 600; border-radius: 3px; color: rgba(255, 255, 255, 0.9); padding: 3px 11px; font-size: 14px; } /* -------------------------------wizedesign-- 22. WORDPRESS CORE ------------------------------------------- */ .alignnone { margin: 5px 0 } .aligncenter, div.aligncenter { margin: 5px auto 5px auto; display: block; } .alignright { float: right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } .aligncenter { margin: 5px auto 5px auto; display: block; } a img.alignright { float: right; margin: margin: 5px 0; } a img.alignnone { margin: 5px 0 } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { margin-left: auto; margin-right: auto; display: block; } .sticky { background: #f7f7f7; text-transform: uppercase; right: 5px; color: #aaa; bottom: 5px; padding: 0 5px; position: absolute; font-size: 14px; } .gallery-caption { } .bypostauthor { } .wp-caption { background: #000; text-align: center; padding: 8px; max-width: 100%; } .footer-col .wp-caption { background: #222; text-align: center; padding: 8px; max-width: 100%; } .wp-caption p.wp-caption-text { line-height: 16px; color: #fff; margin: 0; padding: 4px 4px; font-size: 12px; } .wp-caption img { width: auto; border: 0 none; height: auto; margin: 0; padding: 0; max-width: 100%; } .wp-caption.alignnone { margin: 5px 20px 20px 0 } .wp-caption.alignleft { margin: 5px 20px 20px 0 } .wp-caption.alignright { margin: 5px 0 20px 20px } .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } form > p > input { text-transform: uppercase; color: #fff; border: 0px; padding: 5px; } #display-none { display: none !important } .as-seen-on { width: 100%; margin-bottom: 40px; } .as-seen-on img { width: 100%; } /* Miguel was here */ #header-banner a { font-family: "Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif !important; font-weight: 500 !important; } .megamenu > li { margin: 0 !important; padding: 15px 0 !important; margin-top: -10px !important; } .megamenu > li.active, .megamenu li:hover { background: #0066ba !important; } .megamenu > li > a{ width: 100% !important; text-align: center; } .megamenu li:hover > a { font-weight: bold !important; opacity: 1 !important; color: #fff !important; } #wizemenu > ul ul { top: 9px !important; left: 0px !important; } .info-viewC { display: none !important; } .info-comC { float: right !important; text-shadow: rgba(0,0,0,0.5) 1px 2px 3px !important; } #menu { margin-top: 10px !important; } .mss-row, #mss{ height: 45px !important; } #searchforms { margin-top: -12px !important; } #searchforms .submit { margin-top: 6px !important; } .bars{ margin: 0 !important; background-color: #0066ba !important; width: 45px !important; height: 45px !important; background-size: 90%; } ul.megamenu > li > a{ color: #fff !important; } /*@media screen and (min-width: 1px) and (max-width: 4000px){*/ /* #sld-left, .slider-boxed:nth-child(1){ float: left !important; display: inline-block !important; width: 70% !important; height: 540px !important; } #sld-left { width: 59% !important; height: 532px !important; position: relative !important; display: inline-block !important; float: left; } .slider-boxed #af-form-318534403 { width: 40% !important; height: 532px !important; position: relative !important; display: inline-block !important; float: left; } #slider .slider-boxed:nth-child(2), #slider .slider-boxed:nth-child(3){ float: left; display: inline-block; width: 30% !important; height: 270px !important; } #sld-top,#sld-bottom{ width: 100% !important; height: 270px !important; } #aweber-8 { display: none !important; }*/ /*}*/ #sld-left { height: 540px !important; } #sld-top,#sld-bottom{ height: 270px !important; } /* Miguel was here