/*
Theme Name: Illdy
Theme URI: http://colorlib.com/wp/themes/illdy/
Author: Colorlib
Author URI: http://colorlib.com
Description: Illdy is a stunning multipurpose WordPress theme built based on Bootstrap frontend framework making it fully responsive and mobile friendly. This theme is well suited for business, landing page, portfolio or any other creative websites. This leaves heavy lifting to WordPress Customizer therefore you can create your website on live preview mode. Which means that you can see changes happen on your website in real time as you make them
Version: 1.0.35.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, e-commerce, portfolio
Text Domain: illdy

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

body{
	color:#000;
	text-align: justify;
}
/*p{text-align: justify;}*/

#header .top-header .header-logo{
	font-family: "Source Sans Pro", sans-serif;
	font-weight:bold;
	font-size:25px;
	color: #1079a2;

}

#header .top-header .header-navigation ul{
	margin: 0;
}

#header{
	 background-attachment: inherit !important;
}

#meniu-principal{
	/*background: rgba(0, 0, 0, 0.29);*/
	padding: 0 20px 10px 0;
}


#header .bottom-header{
	/*border-bottom: 5px solid #000;*/
}

ul.documents li{ list-style: none; }
ul.documents p{
	margin:5px 0;
	font-size:12px;
}
#header .top-header .header-navigation ul{
	padding: 10px 20px 10px 30px;
    background: rgba(99, 194, 156, 0.90);
		/*rgba(0, 0, 0, 0.29);*/
		border-top-right-radius: 10px;
		border-bottom-left-radius: 10px;
}





#blog {
    /*width: 60%;*/
}

#blog .blog-post .blog-post-image {
    height: 200px;
    overflow: hidden;
}

.media-gallery-item{
	text-align: center;
}


ul.video-slides li:nth-child(3n+1) {
	clear: both;
}

ul.video-slides li{
	list-style: none;
	display: inline-block;
	margin-left: 15px;
}



ul.photo-slides li:nth-child(3n+1) {
	clear: both;
}

ul.photo-slides li{
	list-style: none;
	display: inline-block;
	margin-left: 15px;
}
ul.photo-slides li img{
	border:4px solid #000;
}

#blog .blog-post .blog-post-title,
.front-page-section .section-header h3{
	line-height: 1;
}

.markup-format .post-password-form input[type="submit"]{
	margin-top: 23px;
    margin-left: 10px;
}

.widget table tbody a{
	background: yellow;
	display: block;
	color: black;
	font-weight: bold;
}

.widget table tbody td#today{
	background: #02adf0;
	display: block;
	color: black;
	font-weight: bold;
}

.formError .formErrorContent{
	background-color:#02adf0;
	color: #000
}

footer{
    background-color: rgb(236, 236, 236) !important;
		background-image: url(img/bg-footer.png);
		background-position: center;
		background-repeat: no-repeat;
    border-top: 4px solid #000;
}

#footer .widget .widget-title h3{
	color:#000;
}

#header{
	/*background-position-y: top;*/
}
#header .bottom-header h2{
	margin:0;
}


#logo{
	width: 500px;
	/*margin: 0 0 20px 125px;*/
}
#logo-container{
	background: #fff;
	display: inline-block;
	padding: 20px;
	margin-left: 105px;
	border-top-right-radius: 30px;
	border-bottom-left-radius: 30px;
	margin-top: 50px;
}

#header .bottom-header {
    padding-top: 100px;
    padding-bottom: 40px;
}

#header .bottom-header.blog {
    padding: 40px 0;
}
#header .bottom-header .header-button-two{
	background:#02adf0;
}

#header .bottom-header .header-button-two:hover{
	background:#02adf0;
}


#searchsubmit{ display: none;}
.widget .search-form .search-form-box{
	height: auto;
}
#blog .blog-post {
    width: 100%;
    margin-bottom: 20px;
}
#blog .blog-post .blog-post-entry p {
    line-height: 1.6;
    color: #000;
}

.markup-format table tbody tr td {
    border-right: 1px solid #000;
    padding: 7px;
}
.markup-format table tbody {
    color: #333;
    text-align: center;
    font-size: 12px;
    font-weight: inherit;
}
/*MEMBERS AREA */
.page-id-93 .markup-format ul{ margin-bottom: 20px; }
.page-id-93 .markup-format ul li{ list-style: circle; border-left: 1px dotted #777; padding: 10px;}
.page-id-93 .markup-format li.document img{ width: auto; height: 25px; max-width: none !important; max-height: none !important; margin-bottom: 10px;}
.page-id-93 .markup-format h3,
.page-id-93 .markup-format h2{
	display: inline;
	border-bottom: 1px dotted #777;
	margin-bottom: 15px;
}

#comments #respond .comment-form #input-submit, input[type=submit]{
	background:#02adf0;
}
#comments #respond .comment-form #input-submit:hover, input[type=submit]:hover{
	background:#02adf0;
}

.widget_wysija_cont .wysija-submit{ margin-top: 0; }

input{ padding: 4px 6px; }

.responsive-menu{ position: absolute; z-index: 9999; margin: 0; }


/******SLIDER
*/
/*#header{ background: #000;}*/

#header .top-header{
	padding: 0;
	/*background: #f6f6f6;*/
	border-bottom: 5px solid #000;
}
.home #header .top-header{
	border-bottom: none;
}

.huge-it-wrap{max-width:100% !important;}
.slider-loader-1{display: none;}
ul#slider_1{
	max-width:100% !important;
}
.slider_1{
	max-width:100% !important;
	position: absolute;
	z-index: -100;
}

.huge-it-arrows{display: none;}


/*#n2-ss-2-align{
	max-width:100% !important;
	position: absolute;
	z-index: -100;
}*/

/*#logo-container{
	position: absolute;
	z-index: 1;
}
#header .top-header .header-navigation{
	float: none;
	position: absolute;
	z-index: 1;
	margin-top: 188px;
	margin-left: 230px;
}
#meniu-principal{
	padding-bottom: 0;
}*/

/*.home .top-header{
	background: #ddd;
	background: transparent;
	position: absolute;
	z-index: 1;
}
#header .bottom-header {
    border-bottom: none;
}*/


#about, #static-page-content {
    padding: 40px 0;
}

#latest-news {
	padding-top: 20px;
}
.front-page-section .section-header h3{
	margin-bottom: 20px;
}
#latest-news .section-header {
    margin-bottom: 0;
}
#latest-news .section-content .post .post-image{
	margin-bottom: 20px;
	border-top: 4px solid #000;
}
#latest-news .section-content .post .post-entry{
	margin:10px 0;
}
#latest-news h3{
	margin-bottom: 5px;
	color: #fff;
	background: rgba(0, 0, 0, 0.38);
	padding: 10px;
}



#n2-ss-2-placeholder{
	position: absolute !important;
	top: 0 !important;
	height: 759px;
}
#n2-ss-2-align{
	position: absolute;
	top: 0;
	border-bottom: 5px solid #000;
	margin-bottom: 30px;
	/*height: 759px;*/
	background: #000;
}



/*.single #blog .blog-post .blog-post-image img{
	width: auto;
	max-width: none;
}
.single #blog .blog-post .blog-post-image{
	float:right;
	width: auto;
	padding: 0 0 20px 20px;
}*/


#top-menu{
	height: 25px;
	background: #23282d;
	position: relative;
	top: 0;
	z-index: 999;
	text-align: right;
}
#top-menu a{
	color:#fff;
	font-size: 13px;
	background: #64c29e; /*81d5f4;*/
	background: rgba(93, 180, 147, 0.3);
	height: 25px;
	line-height: 25px;
	padding: 0 15px;
	display: block;
	float:right;
	text-transform: uppercase;
}
#top-menu a:hover{
	background: #02adf0;
	text-decoration: none;
}





#tribe-events .tribe-events-button, #tribe-events .tribe-events-button:hover, #tribe_events_filters_wrapper input[type=submit], .tribe-events-button, .tribe-events-button.tribe-active:hover, .tribe-events-button.tribe-inactive, .tribe-events-button:hover, .tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-], .tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-]>a{
	background: #02adf0;
}


#header .top-header .header-navigation ul li.menu-item-has-children > a:focus,
#header .top-header .header-navigation ul li.menu-item-has-children > a:hover{
	text-decoration: none;
	color: rgba(255, 255, 255, 0.48);
	}

#header .top-header .header-navigation ul li.menu-item-has-children a:after{
	content: '';
}


#header .top-header .header-navigation ul li.menu-item-has-children .sub-menu li a{
	background: #64c29e;
	color: #fff;
}
#header .top-header .header-navigation ul li.menu-item-has-children .sub-menu li a:hover{
	background: #fff;
	color: #64c29e;
}

#blog .blog-post .blog-post-title::before{
	display: block;
	height: 3px; width: 100px;
	background: #666; float: left;
}

#blog .blog-post .blog-post-title{
	border-bottom: 2px solid #eee;
	padding: 0 0 5px 0;
}
#blog .blog-post .blog-post-title:hover{
	color: inherit;
}


.widget { margin-bottom: 20px;}
.widget ul li { padding: 10px;}
.widget .widget-title {
    padding-bottom: 0;
}

#blog .blog-post .blog-post-entry {
    margin-bottom: 0;
}
#blog .blog-post {
    margin-bottom: 60px;
}

.blog-post-related-articles .related-post .related-post-title {
    padding: 10px;
    line-height: 1;
		text-align: left;
	}
#blog .blog-post .blog-post-image img,
.blog-post-related-articles .related-post{
	border-top: 4px solid #000;
}




.button{
	background: #0085ba;
    border-color: #0073aa #006799 #006799;
    box-shadow: 0 1px 0 #006799;
    text-decoration: none;
    text-shadow: 0 -1px 1px #006799, 1px 0 1px #006799, 0 1px 1px #006799, -1px 0 1px #006799;
	border-radius: 3px;
	font-size: 13px;
    line-height: 26px;
    height: 28px;
    margin: 0;
    padding: 0 10px 1px;
    cursor: pointer;
    border-width: 1px;
    border-style: solid;
	color:#fff !important;
	text-decoration: none !important;
}

/*.page-id-93 .groups ul{	display: none;}*/
.page-id-93 .groups ul.documents{ display: block;}

.page-id-93 h2 a{
	text-decoration: none;
	color: #721F00;
}

.page-id-93 .groups li{
	margin-bottom: 10px;
}

.page-id-93 .areas{ display: none;}
.page-id-93 .minus{ display: none;}


.markup-format p {
	margin-top:0;
	margin-bottom: 5px; 
    /*text-indent: 40px;*/
}



#header .top-header .header-navigation ul li.menu-item-has-children a{
	font-size:120%;
	padding-right:36px;
}








@media (max-width: 1200px){

	#logo-container {
		border-top-right-radius: 30px;
		border-top-left-radius: 30px;
		border-bottom-left-radius: 0;
	    margin-left: 35px;
		}
}
@media (max-width: 768px){

	#logo{
		width: 100%;
		height: auto;
	}
	#logo-container{
		margin: 20px;
		/*margin-bottom: 40px;*/
		border-radius: 30px;
	}
 .home #logo-container{

	}
	#header .bottom-header h2{
		margin: 0 0 10px 0;
		font-size: 50px;
	}
	#header .bottom-header {
    padding-top: 10px;
    padding-bottom: 10px;
	}
	#header .bottom-header p {
	    margin-bottom: 20px;
	}
	.responsive-menu.active{margin-top: 0px;}

	#header .bottom-header.blog {
	    padding: 0;
	}
}

@media only screen and (max-width: 992px){

	#logo-container{
		border-radius: 15px;
		padding: 10px;
	}
	#big-title{display: none;}
}