/*
Theme Name:   Business Starter
Theme URI:    http://wastlund.net/en/design/wordpress-themes/2014-business-starter/
Description:  Twenty Fourteen Child Theme.  Recommended plugins that work well with this theme: Column Shortcodes, Polylang and Fourteen Extended
Author:       Patrik Wästlund
Author URI:   http://wastlund.net
Template:     twentyfourteen
Version:      1.0.0
Licence:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         light, dark, two-columns, right-sidebar, responsive-layout, twenty-fourteen-child, child-theme, parent-twentyfourteen, accessibility-ready
Text Domain:  2014_bs
*/

@import url("../twentyfourteen/style.css");

/* color changes etc. START */

.site-navigation .current_page_item > a,
.site-navigation .current_page_ancestor > a,
.site-navigation .current-menu-item > a,
.site-navigation .current-menu-ancestor > a{color:#00abe1}
.entry-meta .tag-links a:hover:before{border-right-color:#008fbb}
.page-links a:hover{background:#008fbb;border:1px solid #008fbb}
.paging-navigation .page-numbers.current{border-top:5px solid #007296}
.paging-navigation a:hover{border-top:5px solid #008fbb;color:#2b2b2b}
a:active,a:hover,
.site-navigation a:hover,
.entry-title a:hover,
.entry-meta a:hover,
.cat-links a:hover,
.entry-content .edit-link a:hover,
.post-navigation a:hover,
.image-navigation a:hover,
.comment-author a:hover,
.comment-list .pingback a:hover,
.comment-list .trackback a:hover,
.comment-metadata a:hover,
.comment-reply-title small a:hover,
.widget a:hover,
.widget-title a:hover,
.widget_twentyfourteen_ephemera .entry-meta a:hover,
.content-sidebar .widget a:hover,
.content-sidebar .widget .widget-title a:hover,
.content-sidebar .widget_twentyfourteen_ephemera .entry-meta a:hover,
.site-info a:hover,
.featured-content a:hover{color:#008fbb}
button:active,
.button:active,
input[type=button]:active,
input[type=reset]:active,
input[type=submit]:active,
.widget input[type=button]:active,
.widget input[type=reset]:active,
.widget input[type=submit]:active,
.content-sidebar .widget input[type=button]:active,
.content-sidebar .widget input[type=reset]:active,
.content-sidebar .widget input[type=submit]:active{background-color:#00abe1}
a,
.content-sidebar .widget a{color:#007296}
button,
.button,
input[type=button],
input[type=reset],
input[type=submit],
.search-toggle,
.widget button,
.widget .button,
.widget input[type=button],
.widget input[type=reset],
.widget input[type=submit],
.widget_calendar tbody a,
.content-sidebar .widget input[type=button],
.content-sidebar .widget input[type=reset],
.content-sidebar .widget input[type=submit],
.slider-control-paging .slider-active:before,
.slider-control-paging .slider-active:hover:before,
.slider-direction-nav a:hover{background-color:#007296}
.search-box,button:hover,button:focus,
.button:hover,
.button:focus,
input[type=button]:hover,
input[type=button]:focus,
input[type=reset]:hover,
input[type=reset]:focus,
input[type=submit]:hover,
input[type=submit]:focus,
.entry-meta .tag-links a:hover,
.widget_calendar tbody a:hover,
.search-toggle:hover,
.search-toggle.active,
.widget input[type=button]:hover,
.widget input[type=button]:focus,
.widget input[type=reset]:hover,
.widget input[type=reset]:focus,
.widget input[type=submit]:hover,
.widget input[type=submit]:focus,
.content-sidebar .widget input[type=button]:hover,
.content-sidebar .widget input[type=button]:focus,
.content-sidebar .widget input[type=reset]:hover,
.content-sidebar .widget input[type=reset]:focus,
.content-sidebar .widget input[type=submit]:hover,
.content-sidebar .widget input[type=submit]:focus,
.slider-control-paging a:hover:before{background-color:#008fbb}
.hentry .mejs-controls .mejs-time-rail .mejs-time-current{background:#007296}
.site-content .entry-meta{background:transparent}
::selection{background:#555}
::-moz-selection{background:#555}

@media screen and (min-width: 783px) {
	body{background:#e6e6e6}
	.site-title a:hover{color:#00abe1}
	.site{
	background:#f1f1f1; /* Old browsers */
	/* IE9 SVG,needs conditional override of 'filter' to 'none' */
	background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYxZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background:-moz-linear-gradient(left,#f1f1f1 0%,#fff 10%,#fff 90%,#f1f1f1 100%); /* FF3.6+ */
	background:-webkit-gradient(linear,left top,right top,color-stop(0%,#f1f1f1),color-stop(10%,#fff),color-stop(90%,#fff),color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(left,#f1f1f1 0%,#fff 10%,#fff 90%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(left,#f1f1f1 0%,#fff 10%,#fff 90%,#f1f1f1 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(left,#f1f1f1 0%,#fff 10%,#fff 90%,#f1f1f1 100%); /* IE10+ */
	background:linear-gradient(to right,#f1f1f1 0%,#fff 10%,#fff 90%,#f1f1f1 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1',endColorstr='#f1f1f1',GradientType=1 ); /* IE6-8 */

	box-shadow:0 2px 6px rgba(100, 100, 100, 0.3);
	}

	.primary-navigation ul ul a:hover,
	.primary-navigation ul ul li.focus > a{background-color:#008fbb}
	.primary-navigation ul ul,
	.primary-navigation li:hover > a,
	.primary-navigation li.focus > a{background-color:#007296}
}

@media screen and (min-width: 1008px) {
	.secondary-navigation ul ul{background-color:#007296}
	.secondary-navigation li:hover > a,
	.secondary-navigation li.focus > a{background-color:#007296}
	.secondary-navigation ul ul a:hover,
	.secondary-navigation ul ul li.focus > a{background-color:#008fbb}
	.full-width .site-content .entry-content{padding:0 0 0 8%}
}

/* color changes etc. END */

/* add column padding and make responsive - extends shortcodes.css (requires column-shortcodes plugin) START */
@media screen and (min-width: 601px) {
	.one_half {
		width:45%!important;
		padding:0 5% 0 0;
	}
	.one_third {
		width:28.3%!important;
		padding:0 5% 0 0;
	}
	.two_third {
		width:61.6%!important;
		padding:0 5% 0 0;
	}
	.one_fourth {
		width:22%!important;
		padding:0 3% 0 0;
	}
	.three_fourth {
		width:72%!important;
		padding:0 3% 0 0;
	}
	.one_fifth {
		width:18%!important;
		padding:0 2% 0 0;
	}
	.two_fifth {
		width:38%!important;
		padding:0 2% 0 0;
	}
	.three_fifth {
		width:58%!important;
		padding:0 2% 0 0;
	}
	.four_fifth {
		width:78%!important;
		padding:0 2% 0 0;
	}
}
/* add column padding and make responsive - extends shortcodes.css (requires column-shortcodes plugin) END */


/* remove gray line in footer START */
#supplementary + .site-info {border-top:0}
/* remove gray line in footer END */

/* remove feature image overlap START */
.site-content .has-post-thumbnail .entry-header{margin-top:0} /* a featured image at the top need to be attached to top nav... */
.site-content .entry-header{margin-top:1em} /* ...but the title needs a bit of space */
.post-thumbnail{margin-top:0}
.content-area,
.primary-sidebar{padding-top:0}
.singular .site-content .hentry.has-post-thumbnail{margin-top:0}
@media screen and (min-width: 594px) {
.site-content .has-post-thumbnail .entry-header{margin-top:0}
}
@media screen and (min-width: 673px) {
.full-width .site-content .has-post-thumbnail .entry-header,
.full-width.singular .site-content .hentry.has-post-thumbnail,
.full-width.home .site-content .hentry.has-post-thumbnail{margin-top:0}
}
@media screen and (min-width: 846px) {
.post-thumbnail{margin-top:-48px}
.content-area,
.content-sidebar{padding-top:48px}
.site-content .has-post-thumbnail .entry-header{margin-top:0}
}
@media screen and (min-width: 1040px) {
.site-content .has-post-thumbnail .entry-header{margin-top:0}
}

/* remove feature image overlap END */

/* styling social icons START */
.sc_menu li{float:left;padding:0 .9em}
.sc_menu li:first-child{padding:0 .9em 0 0}
/* styling social icons END */

/* this part should be deleted if you use Fourteen Extended plugin - everything can be adjusted with the plugin instead START */
.site{margin:0 auto;max-width:1038px;width:100%}
.site-header{max-width:1038px}
.content-sidebar .widget .widget-title{border-top:0}
.featured-content{padding-left:0}
.hentry{max-width:1260px}
img.size-full,img.size-large,.wp-post-image,.post-thumbnail img,.site-content .post-thumbnail img{max-height:572px}
.slider .featured-content .hentry{max-height:500px}
.slider .featured-content{margin:0 auto;max-width:1600px}
.slider .featured-content .post-thumbnail img{max-width:1600px;width:100%}
.slider .featured-content .post-thumbnail{background:none}
.slider .featured-content a.post-thumbnail:hover{background-color:transparent}
.site-content .entry-header,.site-content .entry-content,.site-content .entry-summary,.site-content .entry-meta,.page-content,.comments-area,.post-navigation,.image-navigation{max-width:700px}
.site:before,#secondary,.ie8 .site:before,.ie8 #secondary{display:none;width:0}
.site-content,.site-main .widecolumn,.ie8 .site-content,.ie8 .site-main .widecolumn{margin-left:0}
@media screen and (min-width: 783px) {
	a{transition:all .5s ease}
	.primary-navigation{float:left;margin-left:20px}
}
@media screen and (min-width: 1008px) {
	.search-box-wrapper{padding-left:0}
	.grid .featured-content .hentry{width:24.975%}
	.grid .featured-content .hentry:nth-child( 3n+1 ){clear:none}
	.grid .featured-content .hentry:nth-child( 4n+1 ){clear:both}
}
@media screen and (min-width: 1080px) {
	.search-box-wrapper,.featured-content,.grid-content{padding-left:0}
}
@media screen and (min-width: 1110px) {
	.archive-header,.comments-area,.image-navigation,.page-header,.page-content,.post-navigation,.site-content .entry-header,.site-content .entry-content,.site-content .entry-summary,.site-content footer.entry-meta{padding-left:55px}
}
/* this part should be deleted if you use Fourteen Extended plugin - everything can be adjusted with the plugin instead END */

@media screen and (min-width: 846px) {
.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta,
.page-content{margin:0 auto auto 10%}
}