/*
 Theme Name:   Journal Child
 Theme URI:    http://www.authenticthemes.com/themes/plain
 Description:  Journal Child Theme
 Author:       Authentic Themes
 Author URI:   http://www.authenticthemes.com
 Template:     att-journal-1.0
 Version:      1.0
 License: GNU General Public License version 2.0
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

@import url("../att-journal-1.0/style.css");

/* Theme customization starts here */

/* Gallery */
  
#gallery-1 .gallery-item {
float: left;
margin-top: 10px;
margin-right: 2%;
text-align: center !important;
width: 32% !important;
}

#gallery-1 .gallery-item:nth-child(3n) {
margin-right: 0px;
}

#gallery-1 img {
border: none !important;
width: 100% !important;
}

body {
color: #FFF;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 20px;
background: #362f2d url(../../uploads/2015/02/html_bg.jpg) repeat-x top;
}

body a {
color: #63c1c6;
}

body a:hover {
color: #FFF;
}

.pot_border, .portfolio-entry-img img, .prettyphoto-link img, .att-recent-posts-entry-img img {
border: 1px solid #63C1C6;
}

/* Typography */

.entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
margin: 0px 0 20px;
}

h1, h2, h3, h4, h5, h6 {
color: #63c1c6;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
}

h2 {
font-size: 28px;
line-height: 33px;
}

h3 {
font-size: 21px;
}

hr.att-divider {
border: solid #736357;
border-width: 1px 0 0;
}

/* Seo Bar */

#seo_bar {
float: none;
width: 100%;
background: #63c1c6;
}

#seo_bar h1 { 
font-size: 13px;
margin: 0px auto 0px auto;
font-weight: normal;
color: #362f2d;
padding: 5px 0px 5px 0px;
text-align: center;
}

/* Masthead */

#masthead-wrap {
background: transparent;
margin: 10px 0px;
}

#masthead {
position: relative;
padding: 15px 0;
border-bottom: none;
}

#masthead #logo img {
max-width: 329px;
width: 100%;
height: auto;
}

/* Remove page header */

body.home #page-header-wrap { display: none; }

#page-header {
position: relative;
max-width: 940px;
width: 100%;
background: #63c1c6; 
margin-bottom: 20px;
border-bottom: none;
padding: 0px;
}

#page-header h1 {
font-family: 'Open Sans', sans-serif;
font-weight: 400;
font-size: 28px;
line-height: 33px;
color: #362f2d;
padding: 10px;
}

/* Top contact area */

#tel {
color: #FFFFFF;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
font-size: 18px;
text-align: right;
}

#tel .fa { 
color: #63c1c6;
}

#email {
color: #FFFFFF;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
font-size: 15px;
text-align: right;
}

#email a {
color: #FFFFFF;
}

#email a:hover { 
color: #63c1c6;
}

#social {
margin-top: 10px;
text-align: right;
display: none;
}

#social  a:hover img {
opacity: 0.5;
filter: alpha(opacity=50); /* For IE8 and earlier */
}

/* Nav */

#navigation {
position: absolute;
top: 70%;
margin-top: -5px;
right: 0;
height: 40px;
}

#navigation .sf-menu > li > a:hover, #navigation .sf-menu > li.sfHover > a, #navigation .sf-menu > .current-menu-item > a, #navigation .current-menu-parent > a, #navigation .current-menu-parent > a:hover, #navigation .sf-menu > .current-menu-item > a:hover {
color: #63c1c6;
border-bottom-color: #63c1c6;
}

#navigation .sf-menu a {
font-size: 12px;
color: #FFFFFF;
font-weight: bold;
letter-spacing: 0px !important;
text-decoration: none;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
text-align: left;
cursor: pointer;
text-transform: uppercase;
padding-bottom: 7px;
border-bottom: 2px solid transparent;
letter-spacing: 2px;
}

#navigation .sf-menu > li {
height: 40px;
margin-left: 15px;
}

/* Sub Menu */

#navigation .sf-menu ul {
width: 210px;
position: absolute;
nowhitespace: afterproperty;
top: -999em;
z-index: 9999;
background: #63c1c6;
border: 1px solid #63c1c6;
box-shadow: 1px 1px 2px rgba(200, 200, 200, 0.3);
padding: 15px 0;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 1px 1px 2px rgba(200, 200, 200, 0.3);
-moz-box-shadow: 1px 1px 2px rgba(200, 200, 200, 0.3);
box-shadow: 1px 1px 2px rgba(200, 200, 200, 0.3);
}

#navigation .sf-menu ul.sub-menu a {
color: #362f2d;
}

#navigation .sf-menu ul.sub-menu a:hover {
color: #FFF;
}

#navigation .sf-menu > li:hover > ul, .sf-menu li.sfHover > ul { top: 30px }

/* Slider */

a.att-slider-directional {
display: none !important;
}

.att-slider-wrap .flex-control-nav {
bottom: 5px !important;
}

/* Supplier Logos */

img.supplier_logo {
margin-right: 4px;
width: 105px;
}

img.supplier_logo_last {
margin-right: 0px;
width: 105px;
}

a img:hover.supplier_logo, a img:hover.supplier_logo_last {
opacity: 0.4;
filter: alpha(opacity=40); /* For IE8 and earlier */
}

/* PP Callout */

#pp_callout .grid-1 {
text-align: center;
background: #63c1c6;
}

#pp_callout .grid-1 h3 {
color: #FFF;
padding: 5px 0px;
}

#pp_callout .grid-1 a {
color: #000;
font-weight: 700;
}

#pp_callout .grid-1 a:hover {
color: #FFF;
}

/* Main content */

#main-content {
margin-top: 20px; 
}

/* Image Buttons */

a img:hover.img_btn {
opacity: 0.6;
filter: alpha(opacity=40); /* For IE8 and earlier */
}

/* Tile Categories */

body.home .att-one-third {
margin-bottom: .6em;
}

.tile_cats {
background: #63c1c6;
}

div.tile_cats:hover {
opacity: 0.7;
}

.tile_cats p {
display: none;
}

.tile_cats h3 {
font-size: 16px;
color: #362f2d;
padding: 5px 10px;
}

/* Gallery */

body.term-potter-perrin-tiles-gallery a.enquiry_btn {
display: none;
}

/* Button */

#single-portfolio-media .flex-direction-nav li a.flex-next, #single-portfolio-media .flex-direction-nav li a.flex-prev {
float: left;
margin-top: 15px;
padding: 3px 8px;
cursor: pointer;
font-size: 11px;
text-align: center;
background: #63c1c6;
color: #362f2d;
-webkit-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
-o-transition: all 0.15s ease-in-out;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
font-size: 13px;
letter-spacing: 0px;
text-transform: none;
}

.theme-button, #commentsbox input.submit, .entry input[type="submit"] {
nowhitespace: afterproperty;
color: #362f2d;
background: #63c1c6;
border: none;
cursor: pointer;
display: inline-block;
margin-top: 10px;
margin-bottom: 5px;
padding: 3px 8px;
text-decoration: none;
-webkit-appearance: none !important;
-webkit-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
-o-transition: all 0.15s ease-in-out;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
font-size: 13px;
letter-spacing: 0px;
text-transform: none;
}

/* Posts */

.blog-entry .post-heading h2 {
font-family: 'Open Sans', sans-serif;
font-weight: 700;
font-size: 22px;
letter-spacing: 0px;
text-transform: none !important;
margin-bottom: 35px;
line-height: 1.8em;
}

#post .meta, #post .meta span {
font-family: 'Open Sans', sans-serif;
font-weight: 400;
color: #FFF;
letter-spacing: 2px;
text-transform: uppercase;
font-size: 10px;
margin-bottom: 30px;
margin-top: 35px;
text-transform: uppercase;
}

#post .meta a {
color: #63c1c6;
}

a.att-recent-posts-entry-readmore {
display: block;
}

.blog-entry {
margin-bottom: 40px;
padding-bottom: 40px;
border-bottom: 3px double #736357;
}

body.term-potter-perrin-tiles-case-studies .enquiry_btn {
display: none;
}

/* Comments */

#commentsbox .heading {
font-family: 'Open Sans', sans-serif;
font-weight: 400;
border-bottom: 1px solid #736357;
}

.comment-details {
position: relative;
margin-left: 80px;
-moz-box-sizing: border-box;
display: block;
border-bottom: 1px solid #736357;
padding-bottom: 20px;
}

#comments h4 {
color: #63c1c6;
}

.comment-author .author, .comment-author .author a:link, .comment-author .author a:visited {
font-family: 'Open Sans', sans-serif;
color: #63c1c6;
font-weight: 700;
font-size: 15px;
}

.comment-date a {
color: #FFF;
}

.comment-reply-link {
color: #63c1c6;
}

#post-pagination {
font-family: 'Open Sans', sans-serif;
margin-top: 30px;
padding-top: 30px;
border-top: 1px solid #736357;
}

.comment-form #email {
color: #808080;
text-align: left;
}

/* Portfolio */

img.portfolio-entry-img {
border: 1px solid #63c1c6;
}

.portfolio-entry h3 {
font-family: 'Open Sans', sans-serif;
font-weight: 700;
font-size: 15px;
letter-spacing: 0px;
margin-bottom: 15px;
text-transform: none;
}

#portfolio-content h3 {
margin-bottom: 0px;
}

.portfolio-entry-description {
display: none;
font-size: 13px;
}

.portfolio-entry-link {
display: block;
position: relative;
margin-bottom: 10px;
}

.post-prev, .post-next {
display: none !important;
}

#single-portfolio-post #post-pagination {
font-family: 'Open Sans', sans-serif;
font-weight: 400;
margin-top: 30px;
padding-top: 30px;
border-top: none;
}

table.specs {
width: 100%;
margin-bottom: 20px;
}

table.specs tr {
width: 100%;
border-bottom: 1px solid #736357;
padding: 10px 0px;
margin: 0px;
}

table.specs tr td {
width: 50%;
padding: 10px 0px;
margin: 0px;
}

table.specs td:first-child { 
color: #63c1c6;
}

/* Recent Portfolio Items 

body.home #h2o_products {
margin-top: 40px;
padding-top: 40px;
border-top: 1px solid #736357;
}

#h2o_products h3 {
margin-bottom: 20px;
}

h3.att-recent-posts-entry-title {
font-family: 'Open Sans', sans-serif;
font-weight: 700;
font-size: 15px;
letter-spacing: 0px;
text-transform: none;
margin: 15px 0px 0px 0px !important;
}

.att-recent-posts-entry-excerpt {
font-size: 12px;
margin: 5px 0 0;
} */

/* Sidebar */

.sidebar-widget {
border-radius: 10px;
background-color: #403937;
padding: 10px;
border: 1px solid #736357;
color: #FFF;
}

.sidebar-container h4 {
font-family: 'Open Sans', sans-serif;
font-weight: 700;
font-size: 16px;
color: #63c1c6;
letter-spacing: 0px;
text-transform: normal;
margin-bottom: 5px;
line-height: 1.8em;
}

.sidebar-widget a {
color: #63c1c6 !important;
}

.sidebar-widget a:hover {
color: #FFF !important;
}

.sidebar-widget:first-child {
border-radius: 10px;
background-color: #63c1c6;
padding: 10px;
border: none;
color: #403937;
}

.sidebar-widget:first-child h4 {
color: #403937;
}

.sidebar-widget:first-child a {
color: #403937 !important;
font-weight: 700;
}

.sidebar-widget:first-child a:hover {
color: #FFF !important;
}

.widget_recent_entries ul, .widget_categories ul, .widget_archive ul, widget_meta ul, .wpex-taxonomies-widget ul, .wpex-recent-post-types-widget ul, .widget_pages ul, .widget_links ul, .widget_twitter ul {
padding-top: 8px;
border-top: none;
}

.widget_recent_entries li, .widget_categories li, .widget_archive li, widget_meta li, .wpex-taxonomies-widget li, .wpex-recent-post-types-widget li, .widget_pages li, .widget_links li, .widget_twitter li {
margin-bottom: 8px;
padding-bottom: 8px;
border-bottom: none;
}

.widget_recent_entries li .post-date {
font-size: 10px;
}

/* Blockquote */

blockquote {
margin: 0px;
padding-top: 0px;
padding: 0px;
background: transparent;
border-left: none;
}

blockquote p {
font: 15px 'Droid Serif';
color: #FFF;
font-style: italic;
line-height: 1.9em;
}

/* Contact 7 */

input::-webkit-input-placeholder, isindex::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #666;
}

/* Footer */

#footer-wrap {
background: transparent;
margin-top: 30px;
}

#footer {
position: relative;
margin: 0 auto;
padding: 30px 0px 30px 0px;
color: #FFF;
font-size: 15px;
border-top: 1px solid #736357;
border-bottom: 1px solid #736357;
}

#footer-widgets {
margin-bottom: 0px;
}

.footer-widget {
margin-bottom: 0px;
}

#footer .heading {
font-family: 'Open Sans', sans-serif;
font-weight: 700;
margin-top: 10px;
font-size: 15px;
letter-spacing: 0px;
text-transform: uppercase;
color: #63c1c6;
}

#footer .footer-widget li {
margin-bottom: 10px;
padding-bottom: 0px;
border-bottom: none;
}

#footer .footer-widget ul {
border-top: none;
}

#footer a {
color: #63c1c6;
}

#footer a:hover {
color: #FFF;
}


#footer-bottom {
width: 100%;
color: #63c1c6;
padding-top: 10px;
padding-bottom: 10px;
margin-top: 0px;
background: transparent;
border-top:none;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
font-size: 15px;
text-transform: none;
letter-spacing: 0px;
}

#footer-bottom a {
color: #63c1c6;
}

#footer-bottom a:hover {
color: #fff;
}

/* Responsive */

@media only screen and (max-width: 959px) {
#navigation {
margin-top: 10px !important;
background: transparent url("../../uploads/2015/02/responsive-select-cyan.png") right center no-repeat !important;
border-top: 3px double rgba(166,166,166,1) !important;
border-bottom: 3px double rgba(166,166,166,1) !important;
}

#att_slider, #pp_callout { display: none; }

#navigation .selector {
color: #63c1c6 !important;
}

.att-recent-posts-entry {
width: 100%;
clear: both;
display: block;
}