/*
Theme Name: iBot - Hlavní šablona
Theme URI: http://www.ibot.cas.cz
Version: 3.1
Description: Aktualizovaná verze šablony pro hlavní stránku Botanického ústavu.
Author: Michal Jakubec, Tomáš Rolc
Author URI: http://www.rolc.eu
Tags:
License: GNU General Public License, Version 2 (or newer)
License URI: http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
*/
@import "styles/fonts.css";
@import "styles/elements.css";
@import "styles/classes.css";
@import "styles/screen.css";
@import "styles/print.css";
@import "styles/jquery-ui.min.css";
@import "styles/jquery-ui.structure.min.css";
@import "styles/tabs.css";
@import "styles/posts.css";
@import "styles/menu.css";


.social-icons {
	display: inline-block;
	float: right;
	margin-right: 15px;
	margin-top: 4px;
}

.fb-i, .ig-i, .yt-i, .tw-i {
	width: 20px;
	height: 20px;
	display: inline-block;
	padding-left: 10px;
	opacity: 0.7;
}
.fb-i:hover, .ig-i:hover, .yt-i:hover, .tw-i:hover  {
	opacity: 1;
}

.fb-i .icon, .ig-i .icon, .yt-i .icon, .tw-i .icon {
	width: 20px;
	height: 20px;
	background-size: cover;
	display: inline-block;
}

.fb-i .icon {
	background-image: url("./images/social/fb_b.png");
}

.ig-i .icon {
	background-image: url("./images/social/ig_b.png");
}

.yt-i .icon {
	background-image: url("./images/social/yt_b.png");
}
.tw-i .icon {
	background-image: url("./images/social/tw_b.png");
}

#small-search input {
	max-width: 200px;
	width: 18vw !important;
	min-width: 120px;
}

@media screen and (max-width: 767px) {
	.mobile-menu .social-icons {
		width: auto;
		right: 60px;
		margin-top:11px;
	}
	.mobile-menu #small-search input {
		width: 100% !important;
		max-width: auto !important;
		min-width: auto !important;
	}
	.social-icons {
		display: inline-block;
		float: right;
		margin-right: 0px;
		margin-top: 1px;
		position: absolute;
		width: 100%;
		right: 50px;
	}
	
	.fb-i, .ig-i, .yt-i, .tw-i {
		width: 28px;
		height: 28px;
		display: inline-block;
		padding-left: 15px;
		float: right;
		opacity: 1;
	}
	
	.fb-i .icon, .ig-i .icon, .yt-i .icon, .tw-i .icon {
		width: 28px;
		height: 28px;
		background-size: cover;
		display: inline-block;
	}

	.fb-i .icon {
		background-image: url("./images/social/fb_w.png");
	}
	
	.ig-i .icon {
		background-image: url("./images/social/ig_w.png");
	}
	
	.yt-i .icon {
		background-image: url("./images/social/yt_w.png");
	}
	.tw-i .icon {
		background-image: url("./images/social/tw_w.png");
	}
}