/*
Theme Name: Jon Carling
Theme URI: none
Author: jkulp
Author URI: http://design.buzzplan.net

Description: Starter child theme for the required+ Foundation parent theme.
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Version: 1
Template: required-foundation
Text Domain: requiredstarter
*/

/*
	Make the template work
*/

@import url(../required-foundation/style.css);
@import url(fonts/fontello.css);


/* base styles */
body.post-type-archive-drawings, body.tax-drawings-category, body.home {  }
body { }
body.logged-in { padding-top: 28px; }
h1, h2, h3, h4, h5, h6, .nav-bar { font-family: 'Roboto Condensed', sans-serif; font-weight: 400; }
h3 {clear: both;}
a { color: #709481; }
#site-title {  }
#content { background-color: #fff; padding-bottom: 28px; padding-top: 28px;}
.post-type-archive-drawings #content, .tax-drawings-category #content, .home #content, .blog #content, .tag #content, .page-template-100-percent-page-php #content { background-color: transparent; padding-top: 0;}

/* .top-header { background: url(images/top-ornament.png) #fff no-repeat 50% -10%; } */

.post-type-archive-drawings .container > .row, .tax-drawings-category .container > .row, .home .container > .row, .blog .container > .row, .tag .container > .row, .page-template-100-percent-page-php .container > .row  { width: 100%; }
.row, .term-animation .container > #content.row  { width: 1140px; }
.post-type-archive-drawings #content .column, .post-type-archive-drawings #content .columns, .tax-drawings-category #content .column, .tax-drawings-category #content .columns, .home #content .column, .home #content .columns, .blog #content .column, .blog #content .columns, .tag #content .column, .tag #content .columns { padding: 0; }
.row .row { margin: 0 -30px; }
.column, .columns { padding: 0 30px; }
.blog .entry-title { font-size: 24px; }

/* Foundation */
.required-pagination { text-align: center; }
ul.page-numbers { display: inline-block; margin: 17px 0; }
ul.page-numbers li span.current { background: #000; }
ul.page-numbers, ul.page-numbers li { height: auto; }
.page-numbers a{ background:#fff; }
.page-numbers a:hover { background: #709481}
ul.page-numbers li a, ul.page-numbers li span.current { padding: 11px 17px 11px; }
.button { background: #709481; }
article footer.entry-meta { margin: 0; border-bottom: 0; padding-bottom: 0;}
.block-grid.four-up>li { padding: 0 10px 20px; line-height: 0; }
.block-grid.four-up>li img {border: 2px solid #cfcfcf; }

/* Header */
.logo { text-align: center; margin-top: 28px;margin-bottom: 28px;}
.logo img {  }
.social { text-align: center; margin: 10px 0 0 0; }
.social div { font-size: 18px; }
.social a { color: #dbdbdb; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.social a:hover { color: #A8C6B6; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.top-header { background: url(images/hatch-trans.gif) #fff bottom left repeat-x; }
.required-header { background-position: center bottom; background-image: url(images/city-scape-light-small.gif);  background-repeat: no-repeat;}

/* Isotope */
.isotopenav { display: none; text-align:center; }
.isotopenav li { float: none; display: inline-block; }
.isotope-item { margin: 5px; width: 200px; height: auto; float:left; line-height: 1;}
.moveplugins_isotopes_container { margin: 0 auto; padding: 5px 4.5px; list-style: none; }
/*.moveplugins_isotopes_container .isotope-item:nth-child(5n+1) { width: 410px; }*/
.moveplugins_isotopes_container .isotope-item:nth-child(1), .moveplugins_isotopes_container .isotope-item:nth-child(6), .moveplugins_isotopes_container .isotope-item:nth-child(13) { width: 410px; }
.isotope-item img { visibility: hidden; }
.moveplugins_isotopes_container img { visibility: hidden; }

/**** disabling Isotope CSS3 transitions ****/
.isotope { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; }

/* Main Menu */
.menu-main-menu-container {  }
.nav-bar { background: transparent; text-align: center; text-transform: uppercase; margin-bottom: 0; }
.nav-bar li { -webkit-box-shadow:none !important ;-moz-box-shadow:none !important; box-shadow: none !important; float: none; line-height: 40px; }
.nav-bar > li {  display: inline-block; }
.nav-bar>li>a:first-child { padding: 0px 45px 0 42px; font-size: 18px;}
.nav-bar>li.active>a { color: #000; }
.nav-bar>li.has-flyout>a.flyout-toggle { padding: 25px 10px; }
.nav-bar>li.has-flyout>a:first-child { padding-right: 35px; }
.nav-bar>li.has-flyout>a:first-child:after { right:15px; top:24px }
.nav-bar > li:last-child, .nav-bar li { border: none; }
.nav-bar > li:first-child > a:first-child {  }
.nav-bar > li:hover, .nav-bar > li.active, .nav-bar > li.active:hover { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background-color: #fff; }
.nav-bar > li { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background-color: transparent; }
.nav-bar > li {  }
.nav-bar > li:last-child { border-right: none; }
.nav-bar > li.active {  }
.nav-bar > li.active:hover, .nav-bar > li:hover {  }
.flyout { background: #FFF; border: none; left: -78px; top: 38px; }
.flyout:before {
	content:"";
	position:absolute;
	top:-7px; /* value = - border-top-width - border-bottom-width */
	left:114px; /* controls horizontal position */
	border-width: 0 7px 7px; /* vary these values to change the angle of the vertex */
	border-style:solid;
	border-color:rgba(68,68,68,0.95) transparent;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}
ul.flyout li a, .nav-bar li ul li a { background: transparent; border: none; color: #fff; -webkit-box-shadow:none !important ;-moz-box-shadow:none !important; box-shadow: none !important; float: none; border-bottom: 1px solid #666; }
ul.flyout li a:hover, ul.flyout li a:focus, .nav-bar li ul li a:hover, .nav-bar li ul li a:focus { color: #A3CCAE; background: transparent; }
ul.flyout li, .nav-bar li ul li { border-left: none; }
.nav-bar a{ text-indent: -500px; overflow: hidden; }

/* Menu Image replacement/ animation */
#menu-item-31 a { width: 103px; background: url(images/about-small.gif) no-repeat 50% 50%; }
#menu-item-28 a { background: url(images/video-projects-small.gif) no-repeat 50% 50%; }
#menu-item-29 a { background: url(images/music-projects-small.gif) no-repeat 50% 50%; }
#menu-item-30 > a { width: 92px; background: url(images/links-small.gif) no-repeat 50% 50%; }
#menu-item-30 a.flyout-toggle { width: auto; background: none; }
#menu-item-220 a { width: 154px; background: url(images/drawings-small.gif) no-repeat 50% 50%; }
#menu-item-33 a { width: 101px; background: url(images/prints-small.gif) no-repeat 50% 50%; }
#menu-item-34 a { width: 152px; background: url(images/originals-small.gif) no-repeat 50% 50%; }
#menu-item-83 a { width: 89px; background: url(images/store-small.gif) no-repeat 50% 50%; }
#menu-item-100 a { width: 89px; background: url(images/blog-small.gif) no-repeat 50% 50%; }
#menu-item-124 a { width: 109px; background: url(images/events-small.gif) no-repeat 50% 50%; }

/* Images */
.wp-post-image:hover { opacity: 0.9; }
.drawings-titles { text-align: center; }
.drawings-titles img { margin: 14px 0; padding: 14px; background: #fff; }

/* Sidebar */
#sidebar aside { margin-bottom: 42px; }
aside p { font-style: normal; }

/* Footer */
#footer, #supplementary { background-color: #fff; color: #bebebe;}
#supplementary #third { text-align: right; }

/* lighbox */
#numberDisplay { color: #aaa; }

/* MISC */
.page-id-205 article header { display: none; }
.addthis_32x32_style .addthis_counter.addthis_bubble_style { width: 62px !important; }
.addthis_counter.addthis_pill_style a.addthis_button_expanded { width: 38px !important; }
.addthis_counter.addthis_bubble_style { width: 36px !important; }

/* Woocommerce */
.woocommerce input[type="number"] { margin: 0em; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active a { border-left: none; border-right: none; padding: inherit; }
.woocommerce-message:before, .woocommerce-error:before, .woocommerce-info:before { height: auto !important; }
.woocommerce-pagination { margin-bottom: 1em; }
.woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img { width: inherit !important; }
.woocommerce div.product div.images img, .woocommerce-page div.product div.images img, .woocommerce #content div.product div.images img, .woocommerce-page #content div.product div.images img { box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3); -moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3); -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3); }
.woocommerce .related ul.products li.product, .woocommerce-page .related ul.products li.product, .woocommerce .upsells.products ul.products li.product, .woocommerce-page .upsells.products ul.products li.product, .woocommerce .related ul li.product, .woocommerce-page .related ul li.product, .woocommerce .upsells.products ul li.product, .woocommerce-page .upsells.products ul li.product { width: auto !important; max-width: 238px;}
.hidden { display: none; }
.woocommerce div.product div.images div.thumbnails a, .woocommerce-page div.product div.images div.thumbnails a, .woocommerce #content div.product div.images div.thumbnails a, .woocommerce-page #content div.product div.images div.thumbnails a { margin-bottom: 3.8%; }
.woocommerce div.product form.cart div.quantity, .woocommerce-page div.product form.cart div.quantity, .woocommerce #content div.product form.cart div.quantity, .woocommerce-page #content div.product form.cart div.quantity { margin: 0 !important; }
.woocommerce .quantity, .woocommerce-page .quantity, .woocommerce #content .quantity, .woocommerce-page #content .quantity { margin: 0 !important; }
.woocommerce div.product .woocommerce-tabs .panel, .woocommerce-page div.product .woocommerce-tabs .panel, .woocommerce #content div.product .woocommerce-tabs .panel, .woocommerce-page #content div.product .woocommerce-tabs .panel { padding: 20px !important; }
.woocommerce-tabs .tabs { border-bottom: none !important; height: auto !important; }
.woocommerce a.added_to_cart, .woocommerce-page a.added_to_cart { display: block !important; }
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce-page nav.woocommerce-pagination ul li a, .woocommerce #content nav.woocommerce-pagination ul li a, .woocommerce-page #content nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span, .woocommerce-page nav.woocommerce-pagination ul li span, .woocommerce #content nav.woocommerce-pagination ul li span, .woocommerce-page #content nav.woocommerce-pagination ul li span { padding: 11px 17px 11px !important; }
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { text-align: center;}
.woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3 { font-size: 1.5em !important; }
.related.products { clear: both; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page div.product .woocommerce-tabs ul.tabs li a, .woocommerce #content div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a { padding: 0px 23.8px !important; }
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price { font-size: 1.25em !important; }
.summary .amount { font-size: 2.25em; }

/* Media Query */
@media only screen and (max-width: 767px){
#supplementary, #supplementary #third { text-align: center; }
#supplementary #third { margin-top: 14px; }
.isotope-item { width: 200px !important; }
.logo { margin-top: 14px; margin-bottom: 14px; }
.nav-bar { margin-top: 0; }
.social a { margin: 0 8px; }
.woocommerce a.button, .woocommerce-page a.button, .woocommerce button.button, .woocommerce-page button.button, .woocommerce input.button, .woocommerce-page input.button, .woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .woocommerce #content input.button, .woocommerce-page #content input.button { font-size: 10px !important; white-space: normal !important; } 
}
@media only screen and (max-width: 480px){

}