﻿/*   
Theme Name: Magical Tie
Theme URI: http://silviuandrei.eu
Description: Magical Tie WordPress Theme by Silviu Andrei
Tags: white, custom-menu, full-width-template, theme-options, translation-ready
Author: Silviu Andrei
Author URI: http://silviuandrei.eu
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Version: 1.0
*/

/* 	Main styles in css/style.css
----------------------------------------------------------------------*/

.full-stunning span {
	color: #d55b89;
}

.widget_tag_cloud h5 {
	background: url('images/tags.png') left center no-repeat;
	padding-left: 26px;
}
.widget_tag_cloud h3 {
	background: url('images/tags-dark.png') left center no-repeat;
	padding-left: 26px;
}
.widget_categories h3 {
	background: url('images/categories.png') left center no-repeat;
	padding-left: 26px;
}
.tagcloud a, .post-tags.tags a {
	background: #1c1c1c url('images/tag.png') 12px center no-repeat;
	padding: 6px 12px 6px 30px;
	font-size: 12px !important;
}
.post-tags.tags a { margin-right: 3px; }

.sidebar .widget_recent_blog_widget h3 i {
	display: none;
}
.widget_recent_blog_widget > h3 {
	background: url('images/recent.png') left center no-repeat;
	padding-left: 26px;
}

.widget_archive > h3, 
.widget_calendar > h3, 
.widget_nav_menu > h3, 
.widget_pages > h3, 
.widget_meta > h3,
.widget_recent_entries > h3,
.widget_search > h3,
.widget_advertise > h3,
.widget_flickr h3,
.widget_text > h3,
.widget_recent_comments > h3 { background: url('images/pushpin.html') left 6px no-repeat; padding-left: 26px; }

a.rsswidget img { float: left; margin: 6px 5px 0 0; }

.widget_flickr #flickr_tab {
	margin: 0 0 0 -9px;
}
.widget_flickr h3 {
	margin-bottom: 15px;
}
.widget_flickr div a img {
	float: left;
	width: 68px;
	height: 68px;
	margin: 0px 0px 9px 9px;
	opacity: 0.8;
	transition: opacity 0.2s;
	border: 1px solid #fff;
	width: 72px;
	height: 72px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.45);
}
.widget_flickr div a:hover img {
	opacity: 1;
}

.widget_categories li {
	background: url('images/cat-arrow.png') left center no-repeat;
}
.widget_categories li a {
	padding-left: 12px !important;
}

span.tbtn {
	border: none;
	padding: 0;
	border-radius: 0;
	background: none;
}
span.tbtn:hover {
	background: none;
}

span.tbtn a {
	display: block;
    border: 1px solid #DDDDDD;
    border-radius: 3px 3px 3px 3px;
    color: #494949;
    padding: 8px 16px;
}
span.tbtn a:hover {
	background: #618bd3;
	color: #fff;
}

#related-nf ul li:last-child { margin-right: 0 !important; }

.br-crumbs {
	color: #bbbbbb;
	font-size: 10px;
}

.blockquote-post p { margin: 0; }
.blockquote-post span a { color: #fff; }
.blockquote-post span a:hover { text-decoration: underline; }

.page-content.full-width {}

.sliderr {
    margin-top: -64px;
}

ul.children { 
	clear: both; 
	margin: 45px 0 0 0;
    border-top: 1px solid #E4E4E4;
    padding-left: 110px;
    padding-top: 32px;	
}
ul.showcomments li.parent { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
ul.showcomments li ul.children li { clear: both; border-bottom:; margin:; padding:; }

#commentform p { margin: 0; }

ul.showcomments li ul.children li.bypostauthor, ul.showcomments li.bypostauthor {
	border-bottom: 2px solid #618BD3;
}

.thumb.square iframe {
	width: 240px !important;
	height: 240px !important;
}
.thumb.small-square iframe {
	width: 120px !important;
	height: 120px !important;
}

.kklike-content {
    margin: -15px 0 0 !important;
}

.post .like.p_type_i i {
    display: block;
    font-size: 28px;
    padding: 14px 0;
}

.p-t-search .post h3.p-title {
	margin-top: 15px;
}
.p-t-search article:first-child .post h3.p-title {
	margin-top: 0;
}

.wpcf7-form {
    font-size: 12px;
    position: relative;
}
.wpcf7-form .cf-name input { width: 47%; float: left; padding: 6px; margin-bottom: 16px; }
.wpcf7-form .cf-email input { width: 47%; float: right; padding: 6px; margin-bottom: 16px; }
.wpcf7-form .cf-message textarea { width: 98%; padding: 6px; }

.tac-x { clear: both; display: block; float: left; margin-top: 32px; width: 100%; }

	/* Mega Menu */
	.menu .cols1, .menu .cols2, .menu .cols3, .menu .cols4, .menu .cols5 {
		position:absolute;
		display:none;
		overflow:auto;
		z-index: 999;
		background: #fff;
	}
	
	.menu .col1 p, .menu .col2 p, .menu .col3 p, .menu .col4 p, .menu .col5 p, .menu .col6 p { padding: 2px 2px 10px; line-height: normal; }
	.menu .col1 a, .menu .col2 a, .menu .col3 a, .menu .col4 a, .menu .col5 a, .menu .col6 a { border: none !important; padding: 5px 2px; }
	.menu .col1 a:hover, .menu .col2 a:hover, .menu .col3 a:hover, .menu .col4 a:hover, .menu .col5 a:hover, .menu .col6 a:hover { border: none !important; color: #5e82be; background: none; }
	
	.menu .cols1, .menu .col1 {width:160px;}
	.menu .cols2, .menu .col2 {width:320px;}
	.menu .cols3, .menu .col3 {width:480px;}
	.menu .cols4, .menu .col4 {width:640px;}
	.menu .cols5, .menu .col5 {width:800px;}
	.menu > li.floatr > ul.cols1, ul.cols2, ul.cols3, ul.cols4, ul.cols5 {right:0;}
	.menu > li:hover > ul.cols1, ul.cols2, ul.cols3, ul.cols4, ul.cols5 {display:block;}
	.menu .col1, .menu .col2, .menu .col3, .menu .col4, .menu .col5 {float:left;}

	.menu li > ul.cols1,ul.cols2, ul.cols3, ul.cols4,ul.cols5  {
		background-color:#fff;
		border:1px solid #e0e0e0;
		border-top:none;
		left:-1px;
		padding:10px;
	}

	ul.cols1 a:hover, ul.cols2 a:hover, ul.cols3 a:hover, ul.cols4 a:hover, ul.cols5 a:hover {
		background: none;
		border: none;
	}

	ul.cols1 a, ul.cols2 a, ul.cols3 a, ul.cols4 a, ul.cols5 a {
		background: none;
		border: none;
	}

	ul.cols1 p a, ul.cols2 p a, ul.cols3 p a, ul.cols4 p a, ul.cols5 p a {
		padding: 0;
	}

	.menu h4 {
		font-size: 13px;
		color: #888;
		line-height: normal;
		font-weight: normal;
		margin: 5px 10px 5px;
		padding-bottom: 12px;
		border-bottom: 1px solid #e0e0e0;
		letter-spacing: 0;
	}

	.menu h5 {
		font-size: 13px;
		line-height: normal;
		margin: 8px 10px -3px 10px;
	}
	.menu h5 a {
		padding: 0px;
		font-size: 13px;
		font-weight: 600;
		color: #333333;

	}
	.menu h4 a {
		padding: 0px
	}
	.menu ol {
		list-style:none;
		margin: 7px 10px;
		padding: 0;
	}

	.menu ol a {
		color: #777;
		font-size: 12px;
		padding: 3px 0;
		line-height: 15px;
	}

	.menu ol a:hover {
		color: #444;
	}
	.menu p {
		font-size: 12px;
		line-height: 18px;
		margin: 9px 10px;
		padding: 0;
	}
	.menu p a {
		color: #888;
		text-decoration: underline;
	}
	.menu p a:hover {
		color: #555;
	}

.slide-caption {
	position: absolute;
	padding: 20px;
	background: rgba(0,0,0,0.75);
	width: 45%;
	bottom: 8%;
    margin: 0 0 0 200px;
}
.slide-caption h3 {
	color: #fff;
}
.slide-caption p {
	margin: 0;
	color: #cecece;
}

#scWidget li { position: relative; }
#scWidget div { font-size: 12px !important; padding-top: 0px !important; }
#scWidget div span { display: inline-block; margin-top: 5px; }
#scWidget div a { position: absolute; left: 69px; top: 22px; }

.wp-caption {}
.wp-caption-text {}
.sticky {}
.gallery-caption {}
.alignright {}
.alignleft {}
.aligncenter {}

#wp-calendar { width: 100% }

#wp-calendar tr { border-bottom: none; }

#wp-calendar th, #wp-calendar td { font-size: 11px; }

#wp-calendar caption {
	padding: 0 10px;
	text-align: right;
	margin: -5px 0 5px 0;
}

#wp-calendar thead th {
	padding: 5px 10px;
	font-weight: 300;
	border-top: 1px solid #f5f5f5;
	border-bottom: none;
}

#wp-calendar tbody { color: #aaa }

#wp-calendar tbody td {
	background: #f5f5f5;
	border: 1px solid #fff;
	text-align: center;
	padding: 5px 8px;
}

#wp-calendar tbody td:hover { background: #fff }

#wp-calendar tbody .pad { background: none }

#wp-calendar tfoot #next {
	font-weight: bold;
	text-transform: uppercase;
	text-align: right;
	padding-top: 5px;
}

#wp-calendar tfoot #prev {
	font-weight: bold;
	text-transform: uppercase;
	padding-top: 5px;
}

.mb32 { margin-bottom: 32px !important; }
.hw240 { height: 240px !important; width: 240px !important; }
.m502 { margin: -5px 0 2px !important; }
.mf01 { margin: -5px 0 0 !important; font-size: 11px !important; }
.mb16 { margin-bottom: 16px !important; }
.flm5 { float: left !important; margin-top: 5px !important; }
.cfff { color: #fff !important; }
.mtm5 { margin-top: -5px !important; }
.lst { display: block !important; height: 1px !important; margin: -70px 0 85px !important; }