/*
Theme Name:St. Sophia Cathedral
Theme URI:tour3d.ru
Description:A slick grid based Wordpress Portfolio theme.
Version:1.0
Author:Alexey Yuzhakov
Author URI:tour3d.ru
Tags:simple, clean, single column, grid, portfolio

*/

	/* Eric Meyer's CSS Reset */
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed,
	figure, figcaption, footer, header, hgroup,
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}
	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure,
	footer, header, hgroup, menu, nav, section {
		display: block;
	}
	body {
		line-height: 1;
	}
	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	/* End of Eric Meyer's CSS Reset */

/* Default background: #909eab url(images/sophia-cover.jpg);
-------------------------------------------------------------------*/

	html {
		font:16px/1.6em serif, Georgia, "Times New Roman", Times; color:#666;
		height: 100%; 
	}
	article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
		display: block;
	}
	
	body {
		background: #909eab url(images/bg.png);
		width: 100%;
		height: 100%;	
	}
		
	
	@font-face {
		font-family: cambria;
		src: url(fonts/cambria.ttf);}

	@media screen and (max-width: 1250px) {
		.cat_container		{ width: 100%; }
	}

	@media screen and (max-width: 950px) {
		.cat_container		{ width: 100%; }
	}

	@media screen and (max-width: 480px){
		.cat_container		{ width: 100%; }
	}		
		
	/* Template
	-------------------------------------------------------------------*/

	.wrapper {
		width: 100%; 
		margin: 0 auto;
		min-height: 100%;
		height: auto !important;
		height: 100%;
	}


	/* Middle
	-----------------------------------------------------------------------------*/
	.content {
		padding: 0 0 200px;  display: table; 
		width: 80%; max-width: 1100px; margin: 15px auto 0; 
	}

	.content > h1		{ color:#fff; text-align: center;}						
	
	#front_pano				{ width: 100%; height: 100%; position: absolute; top: 0; z-index: 0; background: #909eab;}
	
	.share-wrapper	{ width: 100%; background: rgba(210, 210, 210, 1); margin: 25px 0 0 -25px; padding: 25px;}

	.videoWrapper {
		/* margin: 25px -50px 0 0;  */
		position: relative;
		padding-bottom: 56.58%; /* 16:9 */
		padding-top: 25px;
		height: 0;
	}
	.videoWrapper iframe {
		position: absolute !important;
		top: 0;
		left: 0;
		width: 100% !important;
		height: 100% !important;
	}	
	.videoWrapper video {
		position: absolute !important;
		top: 0;
		left: 0;
		width: 100% !important;
		height: 100% !important;
	}	
	
/* Header
-------------------------------------------------------------------*/

	.header 				{ background: rgba(59, 75, 89, 0.95);	box-shadow: 0px 0px 12px rgba(0,0,0,0.20); text-align: center;	width: 100%;}
	.header h1 a			{ font:28px cambria, serif, Georgia, "Times New Roman", Times;  text-transform: uppercase; text-decoration:none; color: rgba(255, 255, 255, 1); text-shadow: 1px 1px 2px rgba(0,0,0,0.30); }							
	.header h2			{}
	.header h3			{}
	.header p			{}
	.header a:hover		{}	
	.HeaderContainer	{ display: inline-block; }		

	.vtour-header		{position: fixed; top: 0; z-index:100; }	
	
	.Caption		{ float: left; margin: 15px 40px 0 60px; }

	.button{
		background:#0370ea;
		background:-moz-linear-gradient(top,#008dfd 0,#0370ea 100%);
		background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#008dfd),color-stop(100%,#0370ea));
		background:-webkit-linear-gradient(top,#008dfd 0,#0370ea 100%);
		background:-o-linear-gradient(top,#008dfd 0,#0370ea 100%);
		background:-ms-linear-gradient(top,#008dfd 0,#0370ea 100%);
		background:linear-gradient(top,#008dfd 0,#0370ea 100%);
		border:1px solid #076bd2;
		-moz-border-radius:3px;
		border-radius:3px;
		color:#fff !important;
		display:inline-block;
		font-size:13px;
		font-weight:700;
		line-height:1.3;
		padding:8px 25px;
		text-align:center;
		text-decoration:none !important;
		text-shadow:1px 1px 1px #076bd2
	}

	.button:hover{
		background:-moz-linear-gradient(top,#008dfd 30%,#0370ea 100%);
		background:-webkit-gradient(linear,left top,left bottom,color-stop(30%,#008dfd),color-stop(100%,#0370ea));
		background:-webkit-linear-gradient(top,#008dfd 30%,#0370ea 100%);
		background:-o-linear-gradient(top,#008dfd 30%,#0370ea 100%);
		background:-ms-linear-gradient(top,#008dfd 30%,#0370ea 100%);
		background:linear-gradient(top,#008dfd 30%,#0370ea 100%);
		cursor:pointer
	}	
	
		#panel {
			position: absolute;
			z-index: 99;
			bottom: 15px;
			right: 0px;
			margin: -40px 0 0 0;
			overflow: hidden;
		}
		#panel-content {
			background: rgba(255, 255, 255, 0.8);
			border: 1px solid #CCC;
			width: auto;
			height: auto;
			float: left;
			padding: 15px 25px;
		}	
		
		#panel-content p {color:#000; font-size: 1em; float: left; padding: 0 5px 5px 0; margin: 7px 0 0 0;}
		
		#panel-content a { color:#000; font-size: 0.8em; float: left; padding: 0 5px 0 0; margin: 5px 0 0 0;}
/* Галерея и фото
-------------------------------------------------------------------*/	
	
/*	Кавер для записи
	.post-cover {width: calc(100% + 30px); height: 500px; overflow: hidden; margin: 0 0 10px -15px;}
	.wp-post-image{width: 100%; height: auto;}
*/
	
	.gallery {width: calc(100% + 30px); margin-left: -15px !important; }

	.gallery-icon {
		margin: 0 10px;
	}
	
	.gallery-columns-3 .gallery-item { width: 33.3333% !important;}
	.gallery-columns-6 .gallery-item { width: 16.6666% !important;}
	.gallery-columns-7 .gallery-item { width: 14.2857% !important;}
	
	.attachment-thumbnail { height: 95%; width: 95%; }
	
	.attachment-portfolio {
		width: 100% !important;
		height: 100% !important;	
		-moz-transition: all 1s ease-out;
		-webkit-transition: all 1s ease-out;
		-o-transition: all 1s ease-out;		
		transition: all 1s ease-out; }
		
	.attachment-portfolio:hover { 

		-webkit-transform: scale(1.05);
		-moz-transform: scale(1.05);
		-o-transform: scale(1.05);
		transform: scale(1.05); 
		}	

	.wp-caption { width: 100% !important; background: none; }
	.wp-caption-text { font-size: 1em; line-height: 1.5em; margin: 5px 0 15px 0; }

	.aligncenter  {margin: 0 auto; display: block;}
	

/* Nav menu   
-------------------------------------------------------------------*/



	nav {
		line-height: 1.6;
		margin: 15px 35px 15px 26px; 
		float: left;
		position: relative;
		z-index: 99;
	}

	
	nav ul ul {
		display: none;
	}

	nav ul li:hover > ul {
		display: block;
	}

	nav ul {
		padding: 0 20px;
		list-style: none;
		position: relative;
		display: inline-table;
	}



	nav ul:after {
		content: ""; clear: both; display: block;
	}


	nav ul li {
		float: left;
	}

	nav ul li:hover {
		background: #4b545f;
		background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
		background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
		background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
	}

	nav ul li.current_page_item > a,nav ul li.current-menu-ancestor > a,nav ul li.current-menu-item > a,nav ul li.current-menu-parent > a,* html nav ul li.current_page_item a,* html nav ul li.current-menu-ancestor a,* html nav ul li.current-menu-item a,* html nav ul li.current-menu-parent a,* html nav ul li a:hover{background:#444;background:rgba(0,0,0,0.7);color:#fff;}

	nav ul li:hover a {
		color: #fff; text-decoration:none;
	}
		
	nav ul li a {
		display: block; padding: 5px 15px;
		color: #fff; text-decoration: none;
		}		
			
	nav ul ul {
		background: #5f6975; border-radius: 0px; padding: 0;
		position: absolute; top: 100%;
	}

	nav ul ul li {
		float: none; 
		border-top: 1px solid #6b727c;
		border-bottom: 1px solid #575f6a; position: relative;
	}

	nav ul ul li a {
		padding: 15px 40px;
		color: #fff;
	}	

	nav ul ul li a:hover {
		background: #4b545f;
	}
			
	nav ul ul ul {
		position: absolute; left: 100%; top:0;
	}

/* Основная страница
-------------------------------------------------------------------*/

	h1,
	h1 a	 					{ font-size: 2em; line-height: 1.5em;  }
	h1 a, h2 a, a:hover 		{ color:#fca121;}
	h2						{ font-size: 1.7em; line-height: 1.5em; }
	h2, h2 a					{ color: #fff; text-decoration:none;}
	h3						{ font-size: 1.4em; line-height: 1.5em; }
	p						{ font-size: 1.2em; line-height: 1.5em; margin: 15px 0 0 0;}
	a						{color: #341e00;}
	
	.category { color: #eee; }
	
	.singlepost 	{ 
		background: rgba(255, 255, 255, 1); 
		width: 100%;
		margin-left: -25px;
		padding: 0 25px; 
		height: auto; 
		box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
		display: table;
		position: relative; z-index: 1;}
		
	.singlepost > h1, h2, h3, h4, p	{
		/*margin: 15px 15px;*/
		display: block-indent; }

	
	.singlepost iframe {width: calc(100% + 50px); margin: -15px 0 -25px -25px; position: relative; z-index: 1;}
	
	.size-full {
		width: calc(100% + 50px); height: auto;
		margin-left: -25px;
	}
	.size-large  {
		width: calc(100% + 50px); margin-left: -25px;  height: auto;
	}	
	
	#fancybox-title-inside {font-size: 0.9em; line-height: 1.1em; }

/* Стикер
-------------------------------------------------------------------*/

	.postwrapper			{ margin: 0 -50px; display: block-indent; }
	.post 					{ margin: 15px; float: left; display: table;}
	.post-thumbnail			{ margin: 10px; border-radius: 16px; overflow:hidden; position: relative; float: left; z-index: 1; border: 5px solid rgba(0, 0, 0, 0.0);}	
	.post-thumbnail:hover	{ border: 5px solid #fca121;}	
	.post-thumbnail > a		{ float: left;}	
	
	
/*	Полупрозрачное перекрытие при наведении	
	.figcaption  {
		display: none;
}
		
	.post-thumbnail:hover  .figcaption{
		display: block;
		position: absolute;
		left: 0px;
		top: 0px;
		Width: 100%; height: 100%;
		background: rgba(0, 0, 0, 0.5);
		vertical-align: middle;
		
	}
*/	
	
	.post-caption			{ text-align: center;}	
	.post-caption a			{ color:#fff; font-size: 1.2em; text-decoration: none;}	
	.post-caption a:hover	{ color:#fca121;}
	
	.column-3 {
		width: calc(33.3333% - 30px);
		}
	.column-4 {
		width: calc(25% - 30px);}
	.column-5 {
		width: calc(20% - 30px);}	
	
/* Главный список категорий
-------------------------------------------------------------------*/	
	
	.cat_container		{ width: 50%; float: left; display: block-indent;}
	.cat_thumb 			{width: calc(30% - 20px);}
	.cat_description	{float: left; width: calc(70% - 30px); padding: 10px;}



	
/* Footer elements
-------------------------------------------------------------------*/

	.footer {
		width: 100%;
		margin: -170px auto 0;
		height: 150px;
		padding: 10px 0;
		background: rgba(81, 87, 92, 1); background: url('images/bg-footer.jpg');
		position: relative;
	}

	.footer > div{
		display: block;
		padding: 0;
		width: calc(80% + 100px);
		max-width: 1200px;
	}
							
	.footer	a		{ color:#fff; display: block; line-height: 1em; margin: 7px 0;}
	.footer	a:hover	{ color:#fca121;}
	.footer	h3		{ color:#fff; margin: 0 0 1pt;}

	.bottomline		{
	/*	background: url('images/bg-footer.jpg'); 
		background-position: left 0px bottom 150px; 
		background-repeat: repeat-x; */
	}
	
	/* один элемент */
	footer li:first-child:nth-last-child(1) {
		float: left; width: 100%; margin: 0 25px; text-align:left; list-style-type: none;
	}

	/* два элемента */
	footer li:first-child:nth-last-child(2),
	footer li:first-child:nth-last-child(2) ~ li {
		float: left; width: calc(50% - 50px); margin: 0 25px; text-align:left; list-style-type: none;
	}

	/* три элемента */
	footer li:first-child:nth-last-child(3),
	footer li:first-child:nth-last-child(3) ~ li {
		float: left; width: calc(33.3333% - 50px);  margin: 0 25px; text-align:left; list-style-type: none;
	}

	/* четыре элемента */
	footer li:first-child:nth-last-child(4),
	footer li:first-child:nth-last-child(4) ~ li {
		float: left; width: calc(25% - 50px); margin: 0 25px; text-align:left; list-style-type: none;
	}	

/* Comments
-------------------------------------------------------------------*/

	#comments		{ clear:both; }