/*
 Theme Name:   Portfolio Child
 Theme URI:    http://example.com/twenty-fourteen-child/
 Description:  Portfolio Child Theme
 Author:       Nasa Koski
 Author URI:   http://frontpointstudios.com
 Template:     organic_portfolio
 Version:      1.0.0
 Tags:         
 Text Domain:  portfolio-child
*/

/* Import layout */
@import url(../organic_portfolio/style.css);



/*
====================================================
  GENERAL
====================================================
*/

body {
	font-family: 'Verdana', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Georgia', 'Times New Roman', serif; !important
}

.datebox {
	font-family: 'Verdana', sans-serif;
}


/*
====================================================
  HEADER
====================================================
*/
#header .site-title{
	font-size: 46px;
	font-style:normal;
	font-weight: 300;
	letter-spacing: 1px;
	line-height: 1.2em;
	text-transform: uppercase;
	float: left;
}

#logo {
	float: left;
}

#navigation {
	font-size 13px;
	font-style: normal;
	font-weight: 400;
	font-spacing: 1px;
	text-decoration: none;
	text-transform: uppercase;
	float: right;
	width: auto;
	margin: 60px 0px 5px 0px; !important
	font-family: 'Georgia', 'Times New Roman', serif; !important
}

.header-rule{
	margin: 20px 0 0;
}

.search-header{
	width:25%;
	float: right;
	height: 30px;
	margin: 10px;
}

.search-query{ /*textbox*/
	font-size: 1rem;
	text-transform: capitalize;
    left: 0;
    outline: medium none !important;
    top: 0;
}

#searchsubmit { /*button*/
    background-color: #444444;
    background-image: -moz-linear-gradient(center top , rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
    border: 1px solid #000000;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    color: #cccccc !important;
    display: inline-block;
    font-family: 'Verdana',sans-serif;
    font-size: 0.9em;
    font-style: normal;
    font-weight: bold;
    margin: 0px 0 !important;
    padding: 5px 12px;
    text-shadow: none;
	height: 36px;
}

.social-header{
	float: left;
	width: 70%;
	margin-top: 5px;
}

#s {
	font-family: 'Verdana', sans-serif;
}

#header #masthead {
	padding-bottom: 0px; !important
}


/*
====================================================
 POSTS
====================================================
*/

#postnav{
	float:right;
	width: 9%;
}

.postnav-prev{
	float: left;
	
}

.postnav-next{
	float: right;
}

.headline {
	border-bottom: none; !important
}


.cf:after, .nav:after, .rsBullets:after, .tabs__nav:after, .popular-posts__time:after, .sub-menu:after, .sub-menu--mega:after, .commentlist:after, .author__social-links:after, .media:after, .author:after, .latest-comments__list:after, .island:after, .reviews:after, .islet:after, .matrix:after, .multi-list:after, .widget_nav_menu ul:after, .widget_categories ul:after, .widget_meta ul:after, .stat-group:after, .wp-caption:after, .gallery__item__caption:after, .heading:after, .widget--sidebar__title:after, .widget--footer__title:after, .btn-list:after, .widget_tag_cloud .wp-tag-cloud:after, .article--list__link:after, .nav--main:after, .sub-menu__grid:after, .comments-area-title:after, .progressbar:after, .wpgrade-flickr-items:after, .wpgrade-dribbble-items:after, .pixcode--grid:after, .container:after {
	clear: both;
	content: "";
	display: table;
	
}

/*
====================================================
 BASE
====================================================
*/
/**
 * Base button styles.
 *
 * 1. Allow us to better style box model properties.
 * 2. Line different sized buttons up a little nicer.
 * 3. Stop buttons wrapping and looking broken.
 * 4. Make buttons inherit font styles.
 * 5. Force all elements using beautons to appear clickable.
 * 6. Normalise box model styles.
 * 7. If the button’s text is 1em, and the button is (3 * font-size) tall, then
 *    there is 1em of space above and below that text. We therefore apply 1em
 *    of space to the left and right, as padding, to keep consistent spacing.
 * 8. Basic cosmetics for default buttons. Change or override at will.
 * 9. Don’t allow buttons to have underlines; it kinda ruins the illusion.
 */
.btn, .comments_add-comment, .form-submit #comment-submit, .widget_tag_cloud a {
  display: inline-block;
  /* [1] */
  vertical-align: middle;
  /* [2] */
  white-space: nowrap;
  /* [3] */
  font-family: inherit;
  /* [4] */
  font-size: 100%;
  /* [4] */
  cursor: pointer;
  /* [5] */
  border: none;
  /* [6] */
  margin: 0;
  /* [6] */
  padding-top: 0;
  /* [6] */
  padding-bottom: 0;
  /* [6] */
  line-height: 3;
  /* [7] */
  padding-right: 1em;
  /* [7] */
  padding-left: 1em;
  /* [7] */
  border-radius: 0;
  /* [8] */ }

.btn, .comments_add-comment, .form-submit #comment-submit, .widget_tag_cloud a, .btn:hover, .comments_add-comment:hover, .form-submit #comment-submit:hover, .widget_tag_cloud a:hover {
  text-decoration: none;
  /* [9] */ }


/*
====================================================
 BUTTONS
====================================================
*/
.btn, .comments_add-comment, .form-submit #comment-submit, .widget_tag_cloud a {
  background-color: #262525;
  color: #a6a1a1;
  text-transform: uppercase;
  /*letter-spacing: .0625em;*/
  font-size: 12px;
  font-size: 0.85714rem;
  line-height: 2.176;
  padding: 0 1.5em;
  -moz-transition: all 0.15s;
  -o-transition: all 0.15s;
  -webkit-transition: all 0.15s;
  transition: all 0.15s; }
  .btn:hover, .comments_add-comment:hover, .form-submit #comment-submit:hover, .widget_tag_cloud a:hover {
	background-color: #ccc;
	color: white;
}
  .btn.btn--beta, .btn--beta.comments_add-comment, .form-submit #comment-submit, .widget_tag_cloud a.btn--beta {
    font-size: 12px;
    font-size: 0.85714rem;
    line-height: 2.51; }
  .btn.btn--alpha, .btn--alpha.comments_add-comment, .form-submit .btn--alpha#comment-submit, .widget_tag_cloud a.btn--alpha {
    font-size: 12px;
    font-size: 0.85714rem;
    line-height: 3.01; }

.btn--primary, .comments_add-comment, .form-submit #comment-submit {
  background-color: #666;
  color: white; }
  .btn--primary:hover, .comments_add-comment:hover, .form-submit #comment-submit:hover {
    background: #1a1717; }

.btn--secondary, .btn--tertiary {
  color: white; }

.btn--tertiary {
  background-color: #ddd; }

.btn-list, .widget_tag_cloud .wp-tag-cloud {
  padding: 0;
  margin: 0 0 0 -2px;
  list-style: none; }
  
/*
====================================================
 SIZES
====================================================
*/
 
.btn--small, .comments_add-comment {
  font-size: 11px;
  font-size: 0.6rem;
  line-height: 1.64636;
  padding: 0 .75em; }
  .btn--small.btn--beta, .btn--beta.comments_add-comment, .form-submit .comments_add-comment#comment-submit, .form-submit .btn--small#comment-submit {
    font-size: 11px;
    font-size: 0.78571rem;
    line-height: 2.19182; }
  .btn--small.btn--alpha, .btn--alpha.comments_add-comment {
    font-size: 11px;
    font-size: 0.78571rem;
    line-height: 2.73727; }

.btn--large {
  font-size: 16px;
  font-size: 1.14286rem;
  line-height: 2.26;
  padding: 0 2em; }
  .btn--large.btn--beta, .form-submit .btn--large#comment-submit {
    font-size: 16px;
    font-size: 1.14286rem;
    line-height: 2.635; }
  .btn--large.btn--alpha {
    font-size: 16px;
    font-size: 1.14286rem;
    line-height: 3.01; }

.btn--huge {
  padding: 0 2.5em;
  font-size: 20px;
  font-size: 1.42857rem;
  line-height: 2.41; }
  .btn--huge.btn--beta, .form-submit .btn--huge#comment-submit {
    font-size: 20px;
    font-size: 1.42857rem;
    line-height: 3.01; }
  .btn--huge.btn--alpha {
    font-size: 20px;
    font-size: 1.42857rem;
    line-height: 3.61; }

.btn-list, .widget_tag_cloud .wp-tag-cloud {
  padding: 0;
  margin: 0 0 0 -2px;
  list-style: none; }
  .btn-list > .btn, .widget_tag_cloud .wp-tag-cloud > .btn, .btn-list > .comments_add-comment, .widget_tag_cloud .wp-tag-cloud > .comments_add-comment, .form-submit .btn-list > #comment-submit, .widget_tag_cloud .form-submit .wp-tag-cloud > #comment-submit, .form-submit .widget_tag_cloud .wp-tag-cloud > #comment-submit, .widget_tag_cloud .btn-list > a, .widget_tag_cloud .wp-tag-cloud > a, .btn-list > li, .widget_tag_cloud .wp-tag-cloud > li, .btn-list > a, .widget_tag_cloud .wp-tag-cloud > a {
    float: left;
    margin-left: 2px;
    margin-bottom: 2px; }

/*
====================================================
  SOUNDCLOUD
====================================================
*/

iframe {
	float: left;
	padding: 0px 20px 10px 0px;
}

.four.columns .portfolio-item iframe, .four.columns .portfolio-item object, .four.columns .portfolio-item embed{
	max-height: none;
}


/*
====================================================
  BUTTONS
====================================================
*/

#searchsubmit {
	display: inline-block;
	color: #CCCCCC !important;
	font-family: 'Verdana', sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: .9em;
	text-shadow: none;
	margin: 12px 0px;
	padding: 5px 12px;
	background-color: #444444;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.00)),to(rgba(0, 0, 0, 0.80)));
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.00), rgba(0, 0, 0, 0.80));
	background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.00), rgba(0, 0, 0, 0.80));
	background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.00), rgba(0, 0, 0, 0.80));
	background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.00), rgba(0, 0, 0, 0.80));
	background-image: linear-gradient(top, rgba(0, 0, 0, 0.00), rgba(0, 0, 0, 0.80));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#000000', EndColorStr='#000000');
	box-shadow: inset 0px 1px 0px rgba(255, 255, 255, .3);
	-moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, .3);
	-webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, .3);
	border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #000000;
	}
	
#searchsubmit:hover {
	color: #FFFFFF !important;
	text-decoration: none;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.00)),to(rgba(0, 0, 0, 0.20)));
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.00), rgba(0, 0, 0, 0.20));
	background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.00), rgba(0, 0, 0, 0.20));
	background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.00), rgba(0, 0, 0, 0.20));
	background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.00), rgba(0, 0, 0, 0.20));
	background-image: linear-gradient(top, rgba(0, 0, 0, 0.00), rgba(0, 0, 0, 0.20));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#000000', EndColorStr='#000000');
	box-shadow: inset 0px 1px 0px rgba(255, 255, 255, .6);
	-moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, .6);
	-webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, .6);
	border: 1px solid  rgba(0, 0, 0, .8);
	}

.more-link, .reply a, #searchsubmit, #prevLink a, #nextLink a,
#submit, #comments #respond input#submit, #content .gform_wrapper input.button {
	font-family: 'Verdana', sans-serif;
}

/*
====================================================
  SIDEBARS & WIDGETS
====================================================
*/
.sidebar #searchsubmit {
		font-family: 'Futura','Verdana', sans-serif;
}

.footerwidget li, .headerwidget li { list-style-type: none; margin: 0; padding: 0; display: inline;}

.simple-social-icons {
	width: 25%;
}

/*
====================================================
  COMMENTS
====================================================
*/
#author, #email, #url {
	font-family: 'Verdana', sans-serif;
}

#comment {
	font-family: 'Verdana', sans-serif;
}


/*
====================================================
  FORMS
====================================================
*/

form input[type='url'],
form input[type='tel'],
form input[type='email'],
form input[type='text'],
form input[type='password'],
form input[type='number'],
form textarea,
form select {
	font-family: 'Verdana', sans-serif;
}

.container form textarea,
.containerform select {
	font-family: 'Verdana', sans-serif;
}

/*
====================================================
  TABLES
====================================================
*/
table {
	font-family: 'Verdana', sans-serif;
}

/*
====================================================
  FOOTER
====================================================
*/
#footer { display: block; margin: 0 auto; }
.footerlogos { width: 100%; text-align: center;}
.footerlogos img { vertical-align: middle; padding: 0 20px; opacity: 0.6;}
.footerlogos img:hover { opacity: 1.0;}
.footerlogos #footer-text { text-align:left; opacity: 0.6;}
.footerleft { width: 65%; float: left; margin: 0 10px 0 0; }
.footerright { width: 30%; float: right; margin: 0 10px 0 0; }
#footer-menu {
	font-size: 0.9em;
	font-style: normal;
	font-weight: 400;
	font-spacing: 1px;
	text-decoration: none;
	text-transform: uppercase;
	font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; !important
}