Skip to content

Instantly share code, notes, and snippets.

@contempoinc

contempoinc/layout.css Secret

Created December 2, 2015 21:44
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save contempoinc/5f16c114bcf2c6ba2bc6 to your computer and use it in GitHub Desktop.
Save contempoinc/5f16c114bcf2c6ba2bc6 to your computer and use it in GitHub Desktop.
Download ZIP
RE6
Raw
layout.css
/*
* Layout
*
* @package WP Real Estate 6
* @subpackage CSS
*
WARNING! DO NOT EDIT THIS FILE!
To make it easy to update your theme, you should not edit the styles in this file. Instead use
the Child Theme Generator in WP Admin > Appearance > Child Theme
View the screencast: http://www.screenr.com/tbos
/* ==============================================================================
Stylesheet Guide
3.1 Site Styles
3.2 Page Styles
3.3 Media Queries
/* ============================================================================== */
/* 3.1 Site Styles
/* ============================================================================== */
img { display: block; max-width: 100%; height: auto;}
/* Wrapper */
#wrapper { z-index: 3; max-width: 100%; overflow: hidden;}
/* Clickable */
.clickable { position: absolute; top: 0; left: 0; width: 100%; height: 1200px; z-index: 0;}
.clickable:hover { cursor: pointer;}
/* Top Bar */
#topbar-wrap { font-size: 12px; background: #1a2229; color: #ccc; border-bottom: 25px solid #0b0e11;}
#topbar-wrap p { padding: 8px 0;}
#topbar-wrap .contact-phone { padding: 8px 16px; background: #3d4f5f;}
#topbar-wrap i.icon-search { position: absolute; top: 9px; left: 12px;}
#topbar-wrap input[type="text"] { position: relative; top: 2px; background: #1a2229; color: #fff;}
#topbar-wrap li { float: left; text-align: center; margin: 0;}
#topbar-wrap li.submit-listing i,
#topbar-wrap li.my-listings i,
#topbar-wrap li.logout i,
#topbar-wrap li.login i,
#topbar-wrap li.register i { padding-right: 5px;}
#topbar-wrap li.submit-listing a,
#topbar-wrap li.my-listings a,
#topbar-wrap li.logout a,
#topbar-wrap li.login a,
#topbar-wrap li.register a { font-size: 12px;}
#topbar-wrap .social a { display: inline-block; min-width: 30px; padding: 8px 16px; margin: 0; font-size: 14px; border-right: 1px solid #3b4d5d; color: #ccc;}
#topbar-wrap .social li:first-child a { border-left: 1px solid #3b4d5d;}
#topbar-wrap .social li:last-child a { border-right: none;}
.social .facebook a:hover { background: #3a7ea2; color: #fff !important;}
.social .twitter a:hover { background: #55c5ef; color: #fff !important;}
.social .linkedin a:hover { background: #4875b4; color: #fff !important;}
.social .google a:hover { background: #c63d2d; color: #fff !important;}
.social .dribbble a:hover { background: #ea4c89; color: #fff !important;}
.social .pinterest a:hover { background: #c92228; color: #fff !important;}
.social .instagram a:hover { background: #517fa4; color: #fff !important;}
.social .github a:hover { background: #000; color: #fff !important;}
.wpml-lang { position: relative; padding: 16px 16px; background: #000;}
.wpml-lang li { display: inline-block; margin: 0 8px 0 0 !important;}
.wpml-lang li:last-child { margin: 0 !important;}
/* Header */
#header-wrap { position: relative; background: #0b0e11;}
header#masthead { position: relative; z-index: 99999; width: 100%;}
header#masthead .logo { position: relative; top: 0; padding: 12px 0 0 0; opacity: 1;}
header#masthead .logo:hover { opacity: 0.7;}
header#masthead .logo:active { top: 1px;}
#sitename-for-print-only { display: none;}
header#masthead .right {}
#primary-nav-wrap { position: relative; z-index: 99999; background: #fff;}
#primary-nav-wrap .container { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
#primary-nav nav { font-size: 12px;}
#primary-nav .menu { height: 60px;}
#site-nav { text-align: center;}
#primary-nav nav li { display: inline-block; text-transform: uppercase;}
#primary-nav nav li:last-child { margin-right: 0;}
#primary-nav li a:link,
#primary-nav li a:visited { color: #000;}
#primary-nav nav li a:hover { opacity: 0.8;}
#primary-nav nav .selector { display: none;}
.show-hide { display: none !important;}
#mobile-nav { display: none;}
/* Advanced Search */
.advanced-search { margin: 60px 0 0 0;}
#advanced_search { border: 1px solid #ddd; padding: 30px 30px 15px 30px; border-radius: 3px;}
.advanced-search h3 { font-weight: 500; color: #fff; background: #0b0e11; padding: 30px; border-top-left-radius: 3px; border-top-right-radius: 3px;}
.advanced-search p { padding: 10px 30px; background: #1a2229; color: #ccc;}
.advanced-search div.left { margin: 0 20px 20px 0;}
.advanced-search label { font-size: 14px;}
.advanced-search input[type='text'] { min-width: 175px; margin-bottom: 0; border-radius: 3px; padding: 8px 10px 7px 10px;}
.advanced-search input[type="submit"] { position: relative; top: 36px;}
/* Main Content */
#page.home #main-content {}
#archive #main-content,
#search #main-content,
#single #main-content,
#page #main-content { margin: 0;}
/* Container */
/* Home Multi-Listing */
#page .featured-map #map { height: 400px; background: url(../images/loader.gif) no-repeat center center #efefef;;}
.featured-listings { margin: 60px 0 0 0;}
.featured-listings header.masthead { padding: 20px 0 20px; margin: 0 0 30px 0; border-top: 3px solid #ddd; border-bottom: 1px solid #ddd;}
.featured-listings h4 { position: relative; top: 5px;}
.featured-listings a.view-all { padding: 4px 15px; border: 1px solid #ddd; border-radius: 3px; font-size: 12px;}
.featured-listings a.view-all:hover { background: #efefef;}
.featured-listings a.view-all i { margin: 0 0 0 14px; padding: 0 0 0 14px; border-left: 1px solid #ddd; font-size: 14px;}
.featured-listings li {}
.featured-listings a img {}
.featured-listing-info {}
.cta { margin: 60px 0 0 0;}
.cta .container { padding: 60px 30px; background: #efefef; border-radius: 3px; border: 1px solid #ccc;}
.page-builder { margin: 60px 0 0 0; padding: 60px 0; background: #efefef;}
/* Home Single Listing */
.home .flexslider .snipe { display: none;}
.single-listing-home .listing-location .snipe { position: absolute; top: 0; right: 0;}
.single-listing-home .listing-location { position: relative; top: -131px; background: #0b0e11; padding: 30px; z-index: 9999;}
.single-listing-home .listing-location h2 { color: #fff;}
.single-listing-home .listing-content { position: relative; top: -131px;}
.single-listing-home .listing-content .price { padding: 20px 30px; color: #fff; background: #27ae60; margin: 0;}
.single-listing-home .listing-content .propinfo { margin-bottom: 40px;}
.single-listing-home .listing-content .agent-social { margin: 0; padding: 0; border: none;}
.single-listing-home .listing-content .agent-social li { margin-right: 5px;}
/* Listing Grid & List Style Layouts */
.grid-listing-info header,
.list-listing-info header,
.single-listings header.listing-location { margin: 0; padding: 10px 20px; background: #0b0e11; color: #fff;}
.single-listings header.listing-location { padding: 20px;}
.grid-listing-info a,
.list-listing-info a,
.single-listings header.listing-location h2 { color: #fff;}
.grid-listing-info .propinfo a,
.list-listing-info .propinfo a { color: #191919;}
.grid-listing-info .location { font-size: 11px; color: #ccc;}
.single-listings article header p.location { font-size: 14px;}
.grid-listing-info .price,
.list-listing-info .price,
.single-listings article .price { padding: 5px 20px; color: #fff; background: #27ae60;}
.single-listings article .price { padding: 10px 20px;}
.list-listing-info .listing-excerpt { padding: 20px; font-size: 14px; background: #f1f1f1; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.list-listing-info .listing-excerpt p { margin: 0;}
#archive .listing.list,
#page.home .listing.list { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; background: #f1f1f1; margin-bottom: 30px;}
#archive.author .listing.list,
#archive.author .listing.grid { margin-bottom: 30px !important; padding-bottom: 0;}
.listing .listing-thumb { padding: 20px 5px 15px 20px;}
.listing .listing-imgs-attached { height: 37px; background: #1a2229;}
.listing .listing-imgs-attached span.img-icon { font-size: 14px; padding: 13px 15px; background: #3d4f5f; color: #fff;}
.listing .listing-imgs-attached span.img-icon i { position: relative; top: 4px;}
.listing .listing-imgs-attached span.right { font-size: 14px; padding: 5px 15px; color: #ccc !important;}
.grid-listing-info .propinfo,
.list-listing-info .propinfo,
.single-listings .propinfo { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; padding: 5px 20px; font-size: 11px; background: #f1f1f1;}
.list-listing-info .propinfo,
.single-listings .propinfo { border-bottom: none;}
.single-listings .widget .propinfo { border-bottom: 1px solid #ccc;}
.grid-listing-info .propinfo i,
.list-listing-info .propinfo i,
.single-listings .propinfo i { color: #777; margin: 0 10px 0 0; padding: 0 20px 0 0; border-right: 1px solid #777;}
.grid-listing-info .propinfo .beds,
.grid-listing-info .propinfo .baths,
.list-listing-info .propinfo .beds,
.list-listing-info .propinfo .baths,
.single-listings .propinfo .beds,
.single-listings .propinfo .baths { border-right: 1px solid #d2d2d2; padding: 0 8px 0 0; margin: 0 8px 0 0;}
.grid-listing-info .propinfo .lotsize,
.list-listing-info .propinfo .lotsize,
.list-listing-info .propinfo .agent,
.single-listings .propinfo .mls,
.single-listings .lotsize { border-left: 1px solid #d2d2d2; padding: 0 0 0 8px; margin: 0 0 0 8px;}
/* Listing Single */
.single-listings #first-image-for-print-only { display: none;}
.single-listings .propinfo { border-bottom: 1px solid #ccc;}
.single-listings figure { overflow: hidden;}
.single-listings #slider { min-height: 542px; background: url(../images/loader.gif) no-repeat center center; margin-bottom: 5px;}
.single-listings .post-content h4 { margin: 40px 0 0 0;}
.single-listings .fa-check-circle { display: inline-block; margin-right: 10px; color: #3d4f5f;}
/* Listing Status Snipes */
figure { position: relative;}
h6.snipe { position: absolute; top: 0; z-index: 2; margin: 0; padding: 6px 10px; color: #fff; font-size: 12px;}
h6.sold { background: #ff6400;}
h6.for-sale { background: #556270;}
h6.leased { background: #90f;}
h6.reduced { background: #bc0000;}
h6.open-house { background: #7faf1b;}
h6.available { background: #7faf1b;}
h6.rental { background: #0097d6;}
/* Map Info Bubble */
.info-content {}
.info-content .info-image { width: 25%; margin-right: 5%; overflow: hidden;}
.info-content .info-image img { width: 65px !important; margin-bottom: 8px;}
.info-content .info-image .btn { width: 62px;}
.listing-details { width: 70%;}
.info-content h3, .info-content p { line-height: normal;}
.info-content h3,
.info-content h3 a { margin: 3px 0 2px 0; font-size: 14px !important; line-height: normal;}
.info-content p { font-size: 12px; margin: 0; line-height: 12px;}
p.location { color: #777; font-size: 11px; margin: 0 0 10px 0;}
.info-content p.price { margin: 0 0 10px 0;}
.info-content p.details { margin: 0 0 5px 0;}
.info-content p.tagline { color: #777; margin: 0 0 12px 0;}
.info-content p.phone { margin: 0 0 5px 0;}
.info-content img.left { margin: 0 8px 0 0;}
/* Maps */
#map-wrap { margin-bottom: 30px; background: url(../images/loader.gif) no-repeat center center #efefef;}
#map img { max-width: none;}
#map-report a img { display:none; }
#map .gmnoprint { width: auto !important;}
#page #map { height: 600px;}
/* Search Listings */
.searching-on {}
span.searching { display: inline-block; width: 11%; padding: 8px 20px; background: #3d4f5f; border-top-left-radius: 3px; color: #fff;}
span.search-params { display: inline-block; width: 89%; padding: 8px 20px; background: #0b0e11; border-top-right-radius: 3px; color: #ccc;}
#archive #map-wrap { margin: 0 0 60px 0;}
#archive #map { height: 400px;}
#archive.post-type-archive-listings article { margin-bottom: 30px; padding: 0; border: 0;}
/* Archive, Search, Single, Page Header */
#home #archive-header .container,
#archive-header .container,
#search-header .container,
#single-header .container,
#page-header .container { position: relative; padding-top: 40px; padding-bottom: 40px; border-bottom: 1px dotted #999;}
#home-header h2,
#archive-header h2,
#search-header h2,
#single-header h2,
#page-header h2 { margin: 0; font-size: 1.6em;}
#archive-header .breadcrumb,
#search-header .breadcrumb,
#page-header .breadcrumb { margin: 0; position: absolute; right: 0; top: 40%; font-size: 14px;}
#single-header .right { position: relative; top: 5px;}
.boxed #archive-header .breadcrumb,
.boxed #search-header .breadcrumb,
.boxed #single .post-meta,
.boxed #page-header .breadcrumb { right: 3%;}
#archive-header .breadcrumb .sep,
#search-header .breadcrumb .sep,
#page-header .breadcrumb .sep { margin: 0 5px;}
/* Archive */
#home article,
#archive article,
#search article,
#page.page-template-demo-templatestemplate-left-thumb-php article,
#page.page-template-demo-templatestemplate-large-thumb-php article,
#page.page-template-demo-templatestemplate-hybrid-php article { padding: 60px 0; border-bottom: 1px solid #ccc;}
#archive.author article { margin-bottom: 30px; padding: 0; border: 0;}
#page.home article { border-bottom: 0; margin: 0; padding: 0;}
#page.home #listings-results article.listing { margin: 0 0 2% 2%;}
#page.home #listings-results article.listing.list { margin: 0 0 2% 0;}
#archive article.col.span_6,
#search article.col.span_6 { min-height: 520px; margin-bottom: 30px; padding-bottom: 30px;}
#archive article.col.span_6:nth-child(odd),
#search article.col.span_6:nth-child(odd) { margin-left: 2% !important;}
#archive article.col.span_6 .flexslider,
#search article.col.span_6 .flexslider { margin: 0; background: url(../images/loader.gif) no-repeat center center #efefef; min-height: 240px;}
#home article .post-thumb,
#archive article .post-thumb,
#search article .post-thumb {}
#archive article .content,
#search article .content {}
#archive article header,
#search article header,
#archive .excerpt,
#search .excerpt,
#page.page-template .excerpt { }
#home article .content h2
#archive article .content h2,
#search article .content h2 {}
#home .post-meta,
#archive .post-meta,
#search .post-meta,
#single .post-meta,
#page.page-template .post-meta { line-height: 21px;}
.excerpt { font-size: 13px; line-height: 20px; margin: 0; padding: 0;}
#archive.category .excerpt { font-size: 16px; line-height: 1.8em;}
.nomatches { text-align: center; padding: 20%; background: #f2eabc;}
/* Article */
article.post {}
article.sticky { padding: 12px 0 !important; border-top: 10px solid #ccc !important; border-bottom: 10px solid #ccc !important;}
article .post-thumb {}
article .date {}
article .date-inner { width: 60%;}
article .date .month { font-size: 11px; color: #262624; text-transform: uppercase; background: #000; padding: 10px; text-align: center;}
article .date .day { font-size: 24px; font-weight: 900; color: #262624; background: #000; padding: 15px 10px; text-align: center;}
article small { display: block; margin: 5px 0 0 0; color: #999;}
article h2.title { font-weight: 600;}
article h2.title a span,
article h2.title a:visited span { color: #262624; background: #000; padding: 0 4px;}
article.post p {}
article .excerpt p { margin: 0;}
.single article .content { margin-left: 8.5% !important;}
.single article #post-tools {}
.single article #post-tools.standard {}
article .content.no-lead { margin-left: 2% !important; padding-left: 2%;}
/* Hide Mobile Nav */
nav select { display: none;}
/* Agents */
.agent { padding-bottom: 30px; margin-bottom: 30px;}
.agent h3 { margin: 0; padding: 15px 0 0 0; border-top: 3px solid #414c52; }
.agent h5 { margin: 0 0 15px 0; padding: 0 0 15px 0; border-bottom: 1px solid #ccc;}
.agent .position { color: #777;}
.agent .tagline {}
.agent i.icon-phone,
.agent i.icon-home,
.agent i.icon-print,
.agent i.icon-envelope { width: 31px; margin-right: 15px; padding-right: 15px; border-right: 1px solid #ccc;}
.agent i.icon-phone { padding-right: 17px;}
.agent-social { border-bottom: 1px dotted #dadada; padding: 0 0 25px 0; margin: 0 0 35px 0;}
/* Content */
#content { background: #fff;}
#single #content { border-bottom: 1px solid #e1e1e1;}
.headlines { background: #f2f2f2; border: 1px solid #e1e1e1;}
.content-inner { border-left: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1;}
#single .content-inner { border-bottom: none; padding-bottom: 60px !important;}
/* Post Meta */
.post-meta { position: relative; top: color: #b2b2b2;}
.post-meta i { margin-right: 6px; color: #ccc;}
.post-meta .meta-user,
.post-meta .meta-cat,
.post-meta .meta-comments { padding: 0 10px 0 0; margin: 0 0 0 10px; border-right: 1px dotted #ccc;}
.post-meta .meta-user { margin-left: 0;}
.post-meta .meta-comments { border: none;}
/* Single */
#single article { margin-bottom: 30px;}
#single .entry-header {}
#single article .post-thumb {}
#single article .post-thumb .flexslider {}
#single article #post-title {}
#single article #post-title h1 {}
#single .related li { border-bottom: 1px solid #ccc; padding: 0 0 10px 0;}
#single .related h6 {}
#single .related a.thumb img { width: 50px; height: 50px;}
#single .post-nav .nav-prev a,
#single .post-nav .nav-next a{ font-weight: 500;}
#single .post-nav .nav-prev i { display: inline-block; margin: 0 10px 0 0;}
#single .post-nav .nav-next i { display: inline-block; margin: 0 0 0 10px;}
#authorinfo { padding: 20px 0 0 0; border-top: 3px solid #ccc;}
#authorinfo img {}
#authorinfo p { font-size: 14px; line-height: 1.6em;}
#authorinfo li,
.agent-social li { display: inline-block; width: 32px; text-align: center;}
#authorinfo li:hover,
.agent-social li:hover { opacity: 0.8; cursor: pointer;}
#authorinfo li.facebook,
.agent-social li.facebook { background: #3a7ea2;}
#authorinfo li.twitter,
.agent-social li.twitter { background: #55c5ef;}
#authorinfo li.linkedin,
.agent-social li.linkedin { background: #4875b4;}
#authorinfo li.google,
.agent-social li.google { background: #c63d2d;}
#authorinfo li a,
.agent-social li a { text-align: center; color: #fff; padding: 2px 8px;}
/* Front End Listing Submit & Edit */
.page-template-template-submit-listing-php .input-full-width input,
.page-template-template-edit-listing-php .input-full-width input { width: 100%; padding: 8px 15px;}
.page-template-template-submit-listing-php .col.span_4 input,
.page-template-template-edit-listing-php .col.span_4 input { width: 100%; padding: 8px 15px;}
/* Front End View Listings */
.page-template-template-view-listings-php article li { list-style: none; margin: 0 0 15px 0; padding: 0 0 15px 0; border-bottom: 1px solid #ccc;}
.page-template-template-view-listings-php .col.span_6 p { font-size: 14px; margin: 0;}
.page-template-template-view-listings-php .col.span_1,
.page-template-template-view-listings-php .col.span_2.listing-status { padding: 40px 0;}
.page-template-template-view-listings-php .col.span_1.ct-paypal { padding: 0;}
.page-template-template-view-listings-php .col.span_1.ct-paypal input { position: relative; top: 43px;}
.page-template-template-view-listings-php .col.span_2.listing-status { border-left: 1px solid #ccc; border-right: 1px solid #ccc;}
.page-template-template-view-listings-php .col.span_1.edit-listing { margin-left: 0; border-right: 1px solid #ccc;}
.page-template-template-view-listings-php .col.span_1 p,
.page-template-template-view-listings-php .col.span_2 p { text-align: center;}
.edit-listing i {}
.ct_errors { margin: 0 0 20px 0;}
.error { padding: 5px 15px; font-size: 12px;}
.no-registration { margin: 0 !important; padding: 130px 0; text-align: center; background: #efefef; border: 1px solid #ccc;}
/* Quote */
article.format-quote .quote-inner { background: #534e4c; padding: 20px; color: #262624;}
article.format-quote blockquote p { color: #262624;}
/* Video */
.wp-video-shortcode { max-width: 100%;}
/* Audio */
/* Link */
article.format-link .link-inner { background: #000; padding: 20px; color: #262624;}
article.format-link a { color: #262624;}
article.format-link i { color: #262624;}
/* Page */
#page article { margin-bottom: 30px;}
/* Testimonials */
.page-template-template-testimonials-php article li { margin: 30px 0; padding-bottom: 30px; border-bottom: 1px solid #c5c3ba; text-align: center;}
.page-template-template-testimonials-php .test-content { background: url(../images/icons/quote.png) no-repeat 0 0 #fff; padding: 30px 20px 20px 20px; -webkit-box-shadow: 0 0 1px rgba(0,0,0,.3); -moz-box-shadow: 0 0 3px rgba(0,0,0,.3); box-shadow: 0 0 3px rgba(0,0,0,.3);}
.page-template-template-testimonials-php h4 p { font-weight: 500; line-height: normal;}
.page-template-template-testimonials-php figure { display: block; width: 80px; height: 80px; margin: 1em 0; background-size: cover; background-repeat: no-repeat; background-position: center center; -webkit-border-radius: 99em; -moz-border-radius: 99em; border-radius: 99em; border: 2px solid #fff; -webkit-box-shadow: 0 0 1px rgba(0,0,0,.5); -moz-box-shadow: 0 0 3px rgba(0,0,0,.5); box-shadow: 0 0 3px rgba(0,0,0,.5);}
.page-template-template-testimonials-php h5 { font-weight: 800; text-transform: uppercase;}
.page-template-template-testimonials-php h6 { color: #888; font-weight: 400;}
.page-template-template-testimonials-php a { color: #222;}
/* Gallery */
article .slideshow-window { -moz-border-radius: none !important; -webkit-border-radius: none !important; -khtml-border-radius: none !important; border-radius: none !important;}
.container .gallery-wrap .columns { margin-right: 10px;}
.container .gallery-wrap .three.columns { width: 150px;}
.container .gallery-wrap four.columns { width: 200px;}
/* Archive */
#archive .nav-previous span { margin-right: 10px;}
#archive .nav-next span { margin-left: 10px;}
.meta { font-size: 11px;}
/* Post Social */
.post-social {}
.post-social li { margin-bottom: 1px; line-height: normal;}
.post-social li a { display: block; text-align: center; padding: 10px; background: #000; color: #fff; font-size: 21px;}
.post-social li a.facebook { background-color: #3a7ea2;}
.post-social li a.twitter { background-color: #55c5ef;}
.post-social li a.linkedin { background-color: #4875b4;}
.post-social li a.google { background-color: #c63d2d;}
.post-social li a:hover { opacity: 0.6;}
.tags { line-height: normal; font-size: 11px; color: #797979;}
.content-nav { width: 100%;}
/* Full Width */
.aq-block-aq_image_block img { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;}
/* About */
.page-template-template-about-php section {}
.page-template-template-about-php article {}
/* Clients */
.client-images li { display: inline-block; border: 1px solid #ccc;}
.client-images li.singlecol { margin: 0 1% 1.5% 0 !important;}
.client-images li img { margin: 0 auto;}
/* 404 */
.error404 article { margin-bottom: 30px; padding: 160px 0 200px 0; text-align: center;}
/* Contact */
#location {}
#location #map { height: 300px; margin-bottom: 40px; width: 100%; background: url(../images/loader.gif) center center no-repeat;}
#contactform { margin: 0;}
fieldset { border: 0;}
#contactform label { margin-bottom: 10px; font-weight: normal;}
#contactform textarea, #contactform input[type="text"], #contactform input[type="email"], #contactform input[type="url"] { display: inline-block; width: 74.5%; margin: 0 0 16px 0; padding: 10px 15px;background: #ccc;}
#contactform textarea { width: 80%; font-family: Arial, Helvetica, sans-serif;}
#contactform input[type="text"]:focus, #contactform input[type="email"]:focus, #contactform input[type="url"]:focus, #contactform textarea:focus { background: #efefef;}
#contactform label span { color: red;}
.contact-details li { position: relative; font-size: 14px; padding: 30px 0; border-bottom: 1px dotted #999; line-height: 21px;}
.contact-details li:first-child { border-top: 1px solid #000;}
.contact-details i { position: absolute; top: 50%; margin: -16px 0 0 0; display: inline-block; font-size: 16px; text-align: center; color: #fff; background: #000; padding: 10px; border-radius: 3px; min-width: 38px;}
.contact-details p { padding: 0 0 0 60px;}
/* Sidebar */
#sidebar { margin-bottom: 30px;}
#sidebar-inner {}
/* Footer */
#footer-widgets { margin: 0; color: #777; background: #0b0e11;}
#footer-widgets .container { padding-top: 40px; border-top: 3px solid #000;}
.post-type-archive-portfolio #footer-widgets { margin-top: 40px;}
#footer-widgets a,
#footer-widgets a:visited { color: #aaa;}
#footer-widgets h5 { color: #fff;}
#footer-widgets .widget li { border-color: #777;}
#footer-widgets .product_list_widget del,
#footer-widgets .product_list_widget del .amount { opacity: 0.4;}
#footer-widgets .woocommerce .product_list_widget li { border-bottom-style: dotted;}
#footer-widgets .product_list_widget .amount { color: #000;}
footer { font-size: 12px; color: #999; background: #000;}
footer .container { padding-top: 20px; padding-bottom: 40px;}
footer .container.no-border { border: none;}
footer nav { float: left;}
footer li { display: inline-block; margin: 0 10px 0 0;}
footer nav ul li a,
footer nav ul li a:visited,
footer a,
footer a:visited { color: #999; padding: 0 !important; margin: 0 12px 0 0; background: none; border: none;}
footer nav ul li a:hover { opacity: 0.8;}
footer p.right {}
/* ============================================================================== */
/* 3.2 Page Styles
/* ============================================================================== */
/* ============================================================================== */
/* 3.3 Media Queries
/* ============================================================================== */
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
/* Header */
#topbar-wrap li.submit-listing,
#topbar-wrap li.my-listings,
#topbar-wrap li.logout,
#topbar-wrap li.login,
#topbar-wrap li.register { display: none;}
header#masthead { padding: 0 0 30px 0;}
header#masthead .logo {}
#masthead { position: relative;}
#masthead .col.span_9 { width: 100%; margin: 0;}
#masthead nav.right { float: none;}
#primary-nav-wrap .container { }
#masthead #nav ul { display: none;}
.show-hide { display: block !important;}
#mobile-nav { display: block;}
#mobile-nav li {}
.show-hide { position: absolute; top: 10px; right: 0; font-size: 16px; padding: 3px 12px; background: #3d4f5f; color: #fff !important;}
.show-hide a,
.show-hide a:visited { color: #fff !important;}
a.cart-contents { top: 3px !important; margin: 8px 0;}
#masthead { position: relative;}
#masthead nav {}
#masthead .col.span_3 { width: 80%;}
#masthead .col.span_9 {}
#mobile-nav { position: relative; width: 100%; right: 0; top: 0; right: 0; width: 100%; padding: 20px 0; font-size: 12px;}
#mobile-nav li a { display: block; padding: 8px 0; border-bottom: 1px solid #1a2229; color: #fff !important;}
#mobile-nav li:last-child { display: none;}
header#masthead ul.right { display: none;}
/* Flexslider */
.flexslider { min-height: 0 !important;}
.flex-caption { top: 30px !important;}
.flex-direction-nav { display: none;}
.cta h1, #welcome h1 { font-size: 2.5em; line-height: normal;}
.cta h1:after, #welcome h1:after { top: 10px;}
p.lead { font-size: 1.5em; line-height: normal;}
}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
/* Nav */
footer nav ul,
footer nav select { display: none !important;}
/* Tags Nav */
#tags-nav li { margin-bottom: 10px !important;}
/* Featured Post Block */
.span_2.featured-post .lead { padding-top: 0;}
.span_2.featured-post h5 { font-size: 12px; font-weight: 500;}
.aq-posts-block h3.the-title { font-size: 21px;}
/* Archive */
/* Isotope */
.isotope-item { width: 250px;}
/* Footer */
#twitter-feed { height: 80px;}
}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
/* Top Bar */
#topbar-wrap p { display: none;}
#topbar-wrap .wpml-lang.right { float: right;}
/* Header */
header#masthead { }
header#masthead .span_3 { margin: 0 0 20px 0; text-align: center;}
/* Carousel Block */
.aq-block-aq_carousel_posts_block { display: none;}
/* Gallery Posts Block */
.aq-block-aq_gallery_posts_block .aq-posts-block li { margin-left: 0 !important;}
/* Featured Posts Block */
.span_6.featured-post,
.span_3.featured-post,
.span_2.featured-post { margin-bottom: 3% !important;}
.featured-post h2.the-title { font-size: 1.475em !important;}
/* Posts Block */
.aq-block-aq_posts_block .span_8 { top: 0 !important; padding: 20px 0 !important;}
/* Nav */
header#masthead nav.right { float: none; margin: 0 auto;}
header#masthead nav.right #nav { display: none;}
header#masthead nav.right nav { width: 100%; height: auto;}
header#masthead nav select { display: block; width: 100%; border: 1px solid #000; background-color: #fff; outline: none; margin: 15px 0 0 0; background-position: 97% center;}
footer nav ul,
footer nav select { display: none !important;}
a.cart-contents { top: 3px !important;}
.aq-block-aq_slogan_block .cta-verbiage h1 { font-size: 2em; line-height: 1.2em;}
.aq-block-aq_slogan_block .cta-verbiage p.lead { font-size: 1.5em; line-height: 1.2em;}
/* Flexslider */
.flex-caption { }
.flex-caption h1 {}
.flex-caption p { display: none !important;}
/* Tags Nav */
ul#tags-nav li { margin-bottom: 10px;}
/* Archive */
article .title {}
article { word-wrap: break-word;}
/* Post Meta */
.meta-tags { display: none;}
/* Post Social */
.post-social { display: none;}
/* Single */
.single #single-header .right { float: left;}
.single article .content,
.single article #post-tools { margin-left: 0 !important;}
.single #authorinfo { padding: 15px 0 0 0; border-top: 3px solid #ccc;}
#single .flexslider { max-height: 200px; overflow: hidden;}
.post-nav .nav-prev { margin-bottom: 20px !important;}
/* Portfolio */
.isotope-item.col { margin-left: 0 !important; margin-bottom: 5% !important;}
.single-portfolio article h1 { margin-top: 20px;}
/* Related Projects */
.single-portfolio .grid li.col { margin-right: 0 !important; margin-bottom: 5%;}
/* Home Testimonials */
.page-template-template-testimonials-php li { text-align: center; margin-bottom: 20px !important;}
.page-template-template-testimonials-php li.col { margin-left: 0 !important;}
.page-template-template-testimonials-php li figure { margin-bottom: 15px !important;}
.page-template-template-testimonials-php li p { max-width: 300px;}
/* Sidebar */
#sidebar { margin-left: 0 !important;}
/* WooCommerce */
div.product div.images { margin-bottom: 30px;}
/* About */
.page-template-template-about-php section { padding: 80px 20px 120px 20px;}
.page-template-template-about-php .aq-block { width: 100% !important; margin-left: 0 !important;}
/* Footer */
#twitter-feed { height: 120px;}
#footer-widgets .widget.col.span_3 { margin: 0 0 30px 0;}
#footer-widgets .widget_ct_portfolio { height: 420px;}
footer .left { float: none; margin: 0 auto;}
footer .right { float: none; text-align: center; margin: 10px 0 0 0; clear: both;}
/* Grid */
.container .col,
.container .singlecol,
.container .onethirdcol,
.container .twocol,
.container .twothirdcol,
.container .threecol,
.container .fourcol,
ul.products li.product,
.woocommerce .images,
.woocommerce .summary,
.container .aq-template-wrapper .aq_span1,
.container .aq-template-wrapper .aq_span2,
.container .aq-template-wrapper .aq_span3,
.container .aq-template-wrapper .aq_span4,
.container .aq-template-wrapper .aq_span5,
.container .aq-template-wrapper .aq_span6,
.container .aq-template-wrapper .aq_span7,
.container .aq-template-wrapper .aq_span8,
.container .aq-template-wrapper .aq_span9,
.container .aq-template-wrapper .aq_span10,
.container .aq-template-wrapper .aq_span11,
.container .aq-template-wrapper .aq_span12 { width: 100% !important; margin-left: 0 !important;}
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
}
@media only screen and (max-width: 766px) {
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
/* Top Bar */
#topbar-wrap .right { float: left !important;}
#topbar-wrap .contact-phone,
#topbar-wrap .wpml-lang { display: none;}
/* Header */
header#masthead { padding: 0 0 20px 0;}
header#masthead .logo { padding-top: 16px; width: 80%;}
/* Flexslider */
.flex-caption { top: 20px !important;}
.flex-caption h1 { width: 35% !important; font-size: 21px !important;}
.flex-caption a { padding: 32px 25px !important;}
/* Advanced Search */
span.searching,
span.search-params { width: 100%;}
span.searching { border-top-right-radius: 3px;}
span.search-params { border-top-right-radius: 0;}
.advanced-search input[type="submit"] { top: 0;}
/* Featured Listings */
.feat-listing { margin-bottom: 20px;}
/* Archive Header */
#archive-header .right { display: none;}
/* Article */
article .span_6 small { margin-top: 10px;}
.excerpt { max-width: 80%;}
span.meta-comments,
span.meta-tags { display: none;}
/* Agent Info Widget */
.widget_ct_agentinfo .details { padding: 0;}
/* Footer */
#footer-widgets .widget_ct_agentinfo figure { margin-bottom: 20px;}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment