/**
 * Theme Name:  Apollo
 * Theme URI: http://infomedia.com
 * Description: A child theme of the InfoRock parent theme.
 * Version: 1.0
 * Author: Infomedia
 * Author URI: http://infomedia.com
 * Tags: theme-options, threaded-comments, microformats, translation-ready, rtl-language-support, one-column, two-columns, three-columns, fixed-width, custom-colors
 * License: GNU General Public License v2.0
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Template: inforock
 */
 

@import "../inforock/style.css";

/*-------------------------------------------------------------------------------------------

INDEX:

1. SETUP
-1.1 Defaults
-1.2 Hyperlinks

2. SITE STRUCTURE & APPEARANCE
-2.1 Containers & Columns
-2.2 Header
	-2.2.1 Branding
	-2.2.2 Navigation
-2.3 Content
-2.4 Sidebar
-2.5 Footer
-2.6 Breadcrumbs
-2.7 Homepage
-2.8 Portfolio

3. POSTS
-3.1 Typographic Elements
-3.2 Images
-3.3 Pagination
-3.4 Single Post Author
-3.5 Entry Tables

4. WIDGETS
-4.1 Generic Widgets
-4.2 Specific Widgets

5. COMMENTS
-5.1 Comments
-5.2 Pingbacks / Trackbacks
-5.3 Comments Form

6. MISC
-6.1 Buttons
-6.2 Forms
-6.3 Slider
-6.4 IE specific styling

7. PAGE SPECIFIC STYLES
-7.1 Home
-7.2 Sub-Page General
-7.3 About
-7.4 Blog
-7.5 Contact Us


-------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------*/
/* 1. SETUP */
/*-------------------------------------------------------------------------------------------*/

/* 1.1 Defaults */
body {
	padding-top: 0;
}
p {
	font-weight: 300;
}
.wrap {
	background: transparent;
	width: 100%;
	max-width: 1400px;
}
blockquote {
    background: #E0E0E0;
    font-size: 16px;
    line-height: 2;
    padding: 1.8em 3em 0.5em 3em;
}
pre {
	background: #f2e6c9;
}
section {
	width: 100%;
}
.hidden {
	display: none;
	opacity: 0;
}
.widget.no-title .widget-title {
    display: none;
}

/* 1.2 Hyperlinks */
a[href$=".PDF"], a[href$=".pdf"] {
	background: url(images/wyatt-sprite.png) no-repeat -424px -94px;
	padding: 24px 0px 20px 54px;
	color: #444;
	text-decoration: none;
	font-weight: 500;
	margin-top: 20px;
	display: block;
	float: left;
}
a[href$=".PDF"]:hover, a[href$=".pdf"]:hover {
    background-position: -424px -171px;
	color: #efb424;
}

/*-------------------------------------------------------------------------------------------*/
/* 2. SITE STRUCTURE & APPEARANCE */
/*-------------------------------------------------------------------------------------------*/

/* 2.1 Containers & Columns */
#main .wrap {
    width: 100%;
    padding: 0;
}
#main section .wrap {
    width: 71.25em;
    width: 100%;
    padding: 1.5em;
}

/* 2.2 Header */
.sub-head-bar {
    background: url(images/sub-head.jpg) repeat;
    padding: 50px 0 10px 0;
    padding: 1% 0;
}
.sub-head-bar .entry-title {
    color: #efb324;
    text-shadow: 0px 0px 15px #000;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 25px;
    text-align: left;
    margin-bottom: 0;
}

/* 2.2.1 Branding */

/* 2.2.2 Navigation */
#menu-primary {
    width: auto;
    float: right;
    clear: none;
}
#header #menu-primary .wrap {
    padding: 0;
    width: 100%;
}
#menu-primary .inforock-nav-toggle {
	background: url(images/menu-toggle.png) no-repeat 0 0;
	height: 30px;
	width: 35px;
	text-indent: -9999px;
	float: right;
}
#menu-primary input.search-submit.button:hover {
    background-position: -237px -30px;
}
#menu-primary .search-form {
	position: absolute;
	right: 20px;
	top: 0px;
	margin-top: 42px;
	margin-top: 33px;
}
.search-field {
	background: url(images/wyatt-sprite.png) no-repeat -237px 2px;
    height: 14px;
    width: 15px;
	border: none;
	cursor: pointer;
	height: 37px;
	margin: 3px 0;
	width: 320px;
	background-color: #fff;
	text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 1px;
    font-size: 12px;
    padding: 3px 12px 3px 28px;
}
#menu-primary .search-field {
	background-color: transparent;
	position: relative;
	-webkit-transition: width 400ms ease, background 400ms ease;
	transition: width 400ms ease, background 400ms ease;
	width: 0;
	margin: 0;
}
#menu-primary .search-field:focus {
	background-color: #fff;
	border: 2px solid black;
	border: 2px solid #efb324;
	cursor: text;
	outline: 0;
	width: 230px;
}
.search-submit {
  display: none;
}
input[type="search"] {
  -webkit-appearance: textfield;
}

/* 2.3 Content */

/* 2.4 Sidebar */

/* 2.5 Footer */
#sidebar-subsidiary .widget a {
    text-decoration: none;
}
#sidebar-subsidiary .widget ul {
    list-style: none;
}
#sidebar-subsidiary .widget {
    width: auto;
    float: none;
    margin: 0;
    padding: 0;
}

/* 2.6 Breadcrumbs */

/* 2.7 Homepage */

/* 2.8 Portfolio */

/*-------------------------------------------------------------------------------------------*/
/* 3. POSTS */
/*-------------------------------------------------------------------------------------------*/

/* 3.1 Typographic Elements */

/* 3.2 Images */

/* 3.3 Pagination */
.pagination.loop-pagination {
    clear: both;
    padding-top: 30px;
}
.pagination .page-numbers {
    border: 1px solid #666;
    border-radius: 0;
    box-shadow: none;
    background: #efb324;
    color: #fff;
}
.pagination .current {
    color: #666;
}

/* 3.4 Single Post Author */

/* 3.5 Entry Tables */


/*-------------------------------------------------------------------------------------------*/
/* 4. WIDGETS */
/*-------------------------------------------------------------------------------------------*/

/* 4.1 Generic Widgets */

/* 4.2 Specific Widgets */

/* BOOKING WIDGET */

/* SOCIAL LINKS */
#menu-social li {
  margin: 0;
  float: left;
  width: 35px;
  height: 35px;
  margin-right: 15px;
}
#menu-social li:last-of-type {
  margin-right: 0;
}
#menu-social li a {
  margin: 0;
  width: 35px;
  height: 35px;
  text-indent: -9999px;
  display: block;
  background: url(images/social.svg) no-repeat 0 0;
}
#menu-social li.facebook a { background-position: 0 0; }
#menu-social li.facebook a:hover { background-position: 0 -40px; }
#menu-social li.twitter a { background-position: -40px 0; }
#menu-social li.twitter a:hover { background-position: -40px -40px; }
#menu-social li.instagram a { background-position: -80px 0; }
#menu-social li.instagram a:hover { background-position: -80px -40px; }
#menu-social li.googleplus a { background-position: -120px 0; }
#menu-social li.googleplus a:hover { background-position: -120px -40px; }
#menu-social li.youtube a { background-position: -160px 0; }
#menu-social li.youtube a:hover { background-position: -160px -40px; }
#menu-social li.pinterest a {background-position: -200px 0;}
#menu-social li.pinterest a:hover { background-position: -200px -40px; }
#menu-social li.rss a { background-position: -240px 0; }
#menu-social li.rss a:hover { background-position: -240px -40px; }
#menu-social li.linkedin a {background-position: -280px 0;}
#menu-social li.linkedin a:hover { background-position: -280px -40px; }
#menu-social li.vimeo a { background-position: -320px 0; }
#menu-social li.vimeo a:hover { background-position: -320px -40px; }
#menu-social li.email a { background-position: -360px 0; }
#menu-social li.email a:hover { background-position: -360px -40px; }
#menu-social li.houzz a { background-position: -400px 0; }
#menu-social li.houzz a:hover { background-position: -400px -40px; }
#menu-social li.tunes a { background-position: -440px 0; }
#menu-social li.tunes a:hover { background-position: -440px -40px; }


/*-------------------------------------------------------------------------------------------*/
/* 5. COMMENTS */
/*-------------------------------------------------------------------------------------------*/

/* 5.1 Comments */

/* 5.2 Comments Form */

/* 5.3 Pingbacks / Trackbacks */

/*-------------------------------------------------------------------------------------------*/
/* 6. MISC */
/*-------------------------------------------------------------------------------------------*/

/* 6.1 Buttons */

/* 6.2 Forms */
.gfield_description.validation_message {
    background: rgba(253, 150, 0, 0.5);
    border: 1px solid #fd9600;
    border-radius: 0px;
    margin-top: 6px;
    width: auto;
    float: left;
    padding: 1px 20px;
    font-weight: 100;
    font-size: 14px;
}

/* 6.3 Slider */
#main #slider .wrap {
    width: 100%;
    max-width: 100%;
    padding: 0;
}
#slider .soliloquy-container .soliloquy-viewport {
/* 	height: 500px !important; */
}
#slider .soliloquy-container .soliloquy-caption-inside {
    float: right;
    /* width: 50%; */
    margin-bottom: 4.5%;
    line-height: 2;
    text-align: left;
    margin-right: 4%;
    max-width: 50%;
	padding: 1.5% 3%;
}
#slider .soliloquy-container .soliloquy-caption-inside h3 {
    font-size: 20px;
    margin-bottom: 8px;
    color: #efb324;
    text-align: right;
}
#slider .soliloquy-container .soliloquy-caption-inside p {
    font-size: 18px;
    text-align: right;
}
#slider .soliloquy-container .soliloquy-caption-inside .button {
    float: right;
    background: #efb324;
    padding: 6px 8px;
    margin-top: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 10px;
}

/* 6.4 IE specific styling */

/*-------------------------------------------------------------------------------------------*/
/* 7. PAGE SPECIFIC STYLES */
/*-------------------------------------------------------------------------------------------*/

/* 7.1 Home */
#about .wrap > div:last-child {
    margin-left: 3%;
	width: 47%;
}
#about .wrap > div h2 {
    margin-bottom: 25px;
}
#about .services ul {
    padding: 0;
    list-style: none;
}
#about .services a.button,
#about .about a.button {
    float: left;
    margin-top: 20px;
}
#about .about a.button {
	float: right;
}

/* 7.2 Sub-Page General */
#main #content {
	overflow: auto;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    float: none;
    padding: 4% 2%;
}
.sub-head-bar .wrap {
    padding: 0 2%;
}

#main #content .child-links {
    float: left;
    width: 24%;
    width: 21%;
    border-right: 1px dotted #aaa;
    margin-right: 3%;
    padding: 10px 2% 30px 0;
    text-align: right;
}
#main #content .child-links ul {
    padding: 0;
    list-style: none;
    text-align: right;
}
#main #content .child-links ul a {
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
}
#main #content .child-links ul a:hover,
#main #content .child-links ul .current_page_item a,
#main #content .child-links ul .current-cat a,
.archive-info_projects #main #content .child-links ul li:first-child a {
    color: #efb324;
}
.page-template-default #main #content .hfeed.has-sidebar {
    float: left;
    width: 73%;
}
.page-template-default #main #content .hfeed {
    min-height: 300px;
}

/* 7.3 About */

/* 7.4 Blog */
.blog .hentry.post:last-child {
    border-bottom: none;
}

/* 7.5 Contact Us */
.singular-page.contact .gform_wrapper {
    float: left;
}