/* Theme Name: garage56 RSW Child for WordPress Theme URI: http://www.garage56.com/rsw-garage56/ Description: RSW Child Theme Author: XNMC Author URI: http://www.x-new-media.com Template: rsw Version: 1.0.0 Text Domain: rsw-garage56 */ @import url('../rsw/style.css'); @import url('../rsw/responive.css'); /*Addition: garage56 ******************************* */ body { font: 12px/18px 'Ubuntu', Arial, sans-serif; } .background-logo { width: 100%; height: 100%; background: url("images/overlays/bglogo.png") no-repeat fixed center 100px / contain transparent; } .background-gradient { width: 100%; height: 100px; position: absolute; top: 0px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjciLz4KICAgIDxzdG9wIG9mZnNldD0iNDIlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuNyIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0.7) 42%, rgba(255,255,255,0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0.7)), color-stop(42%, rgba(255,255,255,0.7)), color-stop(100%, rgba(255,255,255,0))); background: -webkit-linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0.7) 42%, rgba(255,255,255,0) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0.7) 42%, rgba(255,255,255,0) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0.7) 42%, rgba(255,255,255,0) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0.7) 42%, rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ffffff', endColorstr='#00ffffff', GradientType=0 ); } .container { width: 1000px; margin: 20px 0px 35px 3%; position: relative; } .logo { position: absolute; right: 5%; margin-right: 30px; } /* SUPERFISH Menu*/ .top-menu-wrap { margin: 70px 3% 0px !important; padding: 0px; z-index: 1; } .menu-toggle { top: 86px !important; right: 3% !important; opacity: 0.7 !important; margin-top: 0px !important; margin-left: 11px !important; float: right !important; } .menu-toggle-on { background: url("images/menu/menu_toggle-g56.png") no-repeat scroll 0px bottom transparent !important; } .menu-toggle-off { background: url("images/menu/menu_toggle-g56.png") no-repeat scroll 0px top transparent !important; } .homemenu ul li a { letter-spacing: 0 !important; } .homemenu ul ul li a { color: #888; font-size: 13px!important; padding: 20px 20px!important; text-transform: lowercase!important; } .menu ul { position: absolute; top: 155px !important; } .homemenu ul ul li.current-menu-item a, .homemenu ul .current-menu-parent, .homemenu ul li[class*="page-item-"] { background: none repeat scroll 0% 0% #383838 !important; } /*Social Header*/ .social-header { position: absolute; right: 3%; top: 35px; height: 21px; } .Social_Widget { float: right; } .social_contact_text { background: none; font-size: 11px; letter-spacing: normal !important; color: #F0BE2A; padding: 4px 10px; display: inline-block; float: right; position: relative; top: -5px; border-right: 1px solid rgba(80, 80, 80, 0.2); } .social_contact_text a { color: #F0BE2A; font-weight: normal; } .social_contact_text a:hover { color: #999; } .socialmedia-buttons a { background: none repeat scroll 0% 0% transparent !important; text-transform: lowercase; font-weight: 300 !important; } /*FOOTER*/ #fullscr-copyright { position: fixed; bottom: 0px; left: 0px; color: #FFF; text-shadow: 1px 1px rgba(0, 0, 0, 0.5); display: inline-block; font-size: 11px; font-weight: bold; overflow: hidden; height: 42px; background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.7); width: 100%; } #fullscr-copyright a { color: #F0BE2A; } #fullscr-copyright ul:first-child { margin-left: 3%; } #fullscr-copyright li { display: inline-block !important; padding: 12px 18px; background: #111; margin-left: 0; text-transform: none; } #fullscr-copyright { letter-spacing: 0.5px; font-size: 11px; font-weight: normal; } #controls-wrapper { bottom: 45px !important;} /*CONTENT*/ .two-column { width: 72%; } .entry-post-wrapper { padding: 20px 40px 50px; margin: 0px; } .entry-spaced-wrapper, h1.entry-title { padding: 30px 40px; } .entry-content { font-size: 13px; line-height: 22px; color: #CECECE; } .entry-content .pullquote-right { padding: inherit; margin: inherit; float: right; width: inherit; font-family: inherit; font-size: inherit; line-height: inherit; font-style: italic; color: inherit; } .entry-content .starlist ul li { background: url("images/bullets/star-g56.png") no-repeat scroll 0px 4px transparent; padding: 0px 0px 0px 25px; } .entry-content .checklist ul li a, .entry-content .linklist a, .entry-content .playlist ul li a, .entry-content .notelist ul li a, .entry-content .starlist ul li a, .entry-content .bulletlist ul li a { color: #999; border-bottom: 1px dotted #999; text-decoration: none; } .entry-content .checklist ul li a:hover, .entry-content .linklist a:hover, .entry-content .playlist ul li a:hover, .entry-content .notelist ul li a:hover, .entry-content .starlist ul li a:hover, .entry-content .bulletlist ul li a:hover { color: #F0BE2A; } ul.tabs .current, ul.tabs .current:hover, ul.tabs li.current a { color: #F0BE2A; border: 1px solid #555; background: #333; } ul.tabs li a { text-decoration: none; color: #F0BE2A !important; display: block; font-weight: normal; font-family: "Ubuntu", sans-serif; font-size: 12px; padding: 5px 20px; outline: medium none; border: 1px solid #333; } portfolio-contents .entry-content p, .portfolio-contents .entry-content p:first-child { padding: 20px 40px 0px; } .accordion-tabs .pane { /*border: 1px solid #1c1c1c; */ background: none; } .panes .pane { display: none; border-top: medium none; overflow: hidden; float: left; padding-top: 20px; padding-bottom: 20px; padding-left: 0; padding-right: 0; } .pane p { font-weight: normal !important; font-size: 13px; } .entry-content .bulletlist ul li { background: url("images/bullets/record-g56.png") no-repeat scroll 0px 4px transparent; padding: 0px 0px 0px 25px; } .entry-content .linklist ul li { background: url("images/bullets/link-g56.png") no-repeat scroll 0px 4px transparent; padding: 0px 0px 0px 25px; } .entry-content .hrule.top a { border: none; } /* Readmore link */ .readmore_link { font-family: 'Ubuntu', arial, serif; font-size: 11px; font-style: italic; text-align: right; padding: 0 0 20px 0; margin: 20px 0 0 0; } .readmore_link a { display: block; } .readmore_link a:hover { color: #111; text-decoration: none; } span.comments { display:none;} /* Buttons*/ .entry-content a.small_graybutton { font-size: inherit; font-weight: normal; } .entry-content a.small_graybutton span { font-size: inherit; font-weight: normal; } /*Portfolio Archive*/ ul#portfolio-tiny li { height: 205px; display: block; float: left; overflow: hidden; } ul#portfolio-tiny li, ul#portfolio-tiny .portfolio-image-holder, ul#portfolio-tiny .thumbnail-loader, ul#portfolio-tiny .displayed-image { width: 250px; } .grid-list-portfolio-related ul li { /*display: inline-block;*/ float: left; vertical-align: top; margin-right: 4px; margin-bottom: 8px; width: 95px; height: 60px; overflow: hidden; } /*Supersized Slide*/ #controls-wrapper { bottom: 50px !important } .slideshow_caption { background: none repeat scroll 0% 0% rgba(0,0,0,0.6) !important; letter-spacing: 0px !important; } .slideshow_title { font-size: 48px !important; letter-spacing: 0px !important; } .slideshow_caption a { color: #F0BE2A !important; font-weight: normal; text-decoration: none; /*color: #FFFFFF; */ } .slideshow_caption a:hover { color: #F0BE2A !important; } /* Flexslider*/ .flexslider-container-page { background-color: #000 !important; } .flexslider { height: 321px; } .flexslider-container-page .slides img { max-height: 321px; text-align: center; margin-left: auto; margin-right: auto; } .flexslider-container-page .slides li { text-align: center; } .flexslider-container-page .flex-control-nav { left: 20px !important; text-align: left !important; } /*SIDEBAR */ .sidebar-wrap, .sidebar-wrap-single { margin: 0px; width: 26%; } .sidebar ul li a { padding: 4px 0px; border-bottom: 1px dotted #666; display: block; } .sidebar-widget ul li.current_page_item, .sidebar-widget ul li.current-menu-item { padding-left: 10px; background: url("images/icons/b_arrow_right_8x8-g56.png") no-repeat scroll 0px 10px transparent; } .sidebar-widget ul.widgetmenu li { float: none; display: block; text-transform: lowercase; } .sidebar-widget ul.widgetmenu li.current_page_item a, .sidebar-widget ul.widgetmenu li.current-menu-item a { color: #FFF; } .sidebar-widget ul.widgetmenu li a { padding-top: 4px; padding-bottom: 4px; } .sidebar-widget .infobar-portfoliogrid li img { width: 60px; height: 60px; margin-bottom: 2px; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); display: block; opacity: 0.9; } /*Fluid