@import '_variable.scss';


/*
 *  Sidebars
 */
#sidebar-header-top{
    padding-left: 350px;
    background-color: darken(#FFF, 50%);
    @include media("<desktop") {
        display: none;
    }

}
#sidebar {
    margin-bottom: 15px;
}

#header-sidebar-wrap{
    position: relative;
}
#header-sidebar-wrap .widget-area{
    padding-left: 315px;
    background-color: rgba(#000, 0.6)!important;
}
#header-sidebar-wrap .widget-area .widget{
    background-color: transparent;
    padding: 15px;
}
#header-sidebar-wrap .ads-top{
    margin-top: 25px;
    min-height: 80px;
    @include media(">=phone", "<=tablet") {
        display: none;
    }
    @include media(">tablet", "<=desktop") {
    }

}

.dropdown:hover .dropdown-menu {
    display: block;
}

/*
 * Widgets
 */
.widget-area{
    overflow: hidden;
    ul {
        margin-left: 0px;
        list-style-position: outside;
        margin: 0;
        padding: 0;
        ul {
            margin-left: 1em;
        }
        li {
            color: #777;
            list-style: none;
            vertical-align: middle;
            padding: 8px 0;
        }
    }
    .widget {
        margin: 0 0 0;
        background-color: white;
        padding: 25px 15px;
        a {
            text-decoration: none;
            color: #ac9b9b;
            &:hover,
            &:focus,
            &:active {
                text-decoration: underline;
                color: #C62828;
            }
        }
        img{
            width:100%;
            height: auto;
        }
        .widget-title {
            font-family: 'Open Sans';
			color: darken($theme-primary-color, 0%);
            line-height: 36px;
            margin: 10px 0 10px 0;
            display: block;
            padding: 4px 4px;
			text-transform: uppercase;
			font-size: 14px;
            img{
                width: inherit;
                height: auto;
            }
            &::before {
                content: "";
                font-family: "FontAwesome";
                display: inline-block;
                float: left;
                margin-right: 5px;
            }
        }
        .children {
            display: none;
        }
    }
}

.site-footer{
    .widget-area{
        .widget {
            background-color: transparent;
            box-shadow: none;
            -webkit-box-shadow: none;
            -moz-background-clip: padding;
            -webkit-background-clip: padding-box;
            background-clip: padding-box;
            margin-bottom: 36px;
            padding: 0;
            .widget-title {
                margin: 0;
                background-color: transparent;
                color: lighten(#ac9b9b, 20%);
            }
        }
    }
}

.els-item-inner a:hover {
	text-decoration: none;
}
.els-item-thumb.style-1,
.els-item-thumb.style-2 {
	padding: 0px;
	-webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.16), 0 0 1px 0 rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.16), 0 0 1px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.16), 0 0 1px 0 rgba(0, 0, 0, 0.12);
}
.els-item-thumb.style-1 {
	position: relative;
	height: 180px;
	overflow: hidden;
	width: 100%;
	margin-bottom: 18px;
}
.els-item-thumb.style-1 .els-item-inner {
	display: block;
	position: absolute;
	padding: 10px;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.65);
	margin: 10px;
	color: #fff;
	text-shadow: 0 1px 1px #000;
	right: 0;
	left: 0;
}
.els-item-thumb.style-2 {
	width: 100%;
	margin-bottom: 18px;
}
.els-item-thumb.style-2 .els-item-inner {
	display: block;
	position: relative;
	padding: 10px;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.65);
	margin: 0;
	color: #fff;
	text-shadow: 0 1px 1px #000;
}
.els-item-thumb.style-3 {
	width: 100%;
	margin-bottom: 18px;
	border-bottom: 1px solid #e4e4e4;
}
.els-item-thumb.style-3 .els-item-inner {
	display: block;
	position: relative;
	padding: 10px;
	padding-left: 0;
	bottom: 0;
	margin: 0;
}
.els-item-thumb.style-4 {
	margin-bottom: 18px;
	border-bottom: 1px solid #e4e4e4;
	padding: 10px;
	padding-left: 130px;
	overflow: hidden;
	line-height: 1.6em;
}
.els-item-thumb.style-4 .els-item-thumb {
	position: relative;
	width: 120px;
	float: left;
	margin-left: -130px;
}
.els-item-thumb.style-4 .els-item-inner {
	display: block;
	position: relative;
	padding: 10px;
	padding-left: 0;
	bottom: 0;
	margin: 0;
}
.els-item-thumb.style-comment {
	margin-bottom: 18px;
	border-bottom: 1px solid #e4e4e4;
	padding: 10px;
	padding-left: 90px;
	overflow: hidden;
	line-height: 1.6em;
}
.els-item-thumb.style-comment .els-item-thumb {
	position: relative;
	width: 80px;
	float: left;
	margin-left: -90px;
}
.els-item-thumb.style-comment .els-item-inner {
	display: block;
	position: relative;
	padding: 0 10px 10px;
	padding-left: 0;
	bottom: 0;
	margin: 0;
}


/*
 * Recent Comments
 */
.widget_recent_comments li:before {
    font-family: 'FontAwesome';
    content: "\f0e5";
    float: left;
    margin-right: 5px;
	color: #ac9b9b;
}


/*
 * Recent Posts
 */
.widget_recent_entries li:before {
    font-family: 'FontAwesome';
    content: "\f096";
    float: left;
    margin-right: 5px;
	color: #ac9b9b;
}


/*
 * Widget Archive Select & Widget Categories Select
 */
.widget select,
.widget_archive select,
.widget_categories select {
    width: 100%;
    border-color: #ddd;
    padding: 3px 6px;
}


/*
 * Widget Calendar
 */
.widget_calendar{
    .calendar_wrap {
        padding: 0;
        table {
            width: 100%;
            td {
                padding: 6px 0;
                border: none;
                text-align: center;
            }
            caption {
                margin-bottom: 5px;
                padding: 4px 0;
                font-weight: bold;
                font-size: 16px;
                text-align: center;
            }
            thead th {
                padding: 7px 0;
                text-align: center;
                font-size: 14px;
            }
			a{
				color: lighten($theme-primary-color, 10%)!important ;
				display: block;
				&:hover{
					color: lighten($theme-primary-color, 20%)important;
				}
            }
			#today {
                background-color: lighten($theme-primary-color, 10%);
                color: darken(#FFF, 10%)!important ;
                &:hover{
                    background-color: lighten($theme-primary-color, 0%);
                }
                a{
                    color: darken(#FFF, 10%)!important ;
                    display: block;
                    &:hover{
                        color: #FFF!important;
                    }
                }
            }
            #prev {
                text-align: left;
            }
            #next {
                text-align: right;
            }
        }
    }
}


/*
 * Widget Meta, Widget Pages, Widget Menu
 */
.widget_meta li:before,
.widget_pages li:before,
.widget_nav_menu li:before{
    font-family: 'FontAwesome';
    content: "\f101";
    float: left;
    margin-right: 10px;
}
.widget_meta > ul > li:first-child,
.widget_pages > ul > li:first-child,
.widget_nav_menu > ul > li:first-child {
    border-top: 0px solid #e4e4e4;
}
.widget_meta ul li,
.widget_pages ul li,
.widget_nav_menu ul li {
    position: relative;
    list-style: none;
    padding: 5px 0 5px 15px;
    border-bottom: 0px solid #e4e4e4;
}
.widget_meta ul li:before,
.widget_pages ul li:before,
.widget_nav_menu ul li:before {
    content: "\f0da";
    display: block;
    position: absolute;
    top: 5px;
    left: 7px;
    font-size: 14px;
    color: #ac9b9b;
    font-family: "FontAwesome";
}


/*
 * Widget Archives, Widget Categories
 */
.widget_archive > ul > li:first-child,
.widget_categories > ul > li:first-child{
     border-top: 0px solid #e4e4e4;
}
.widget_archive ul li,
.widget_categories ul li{
    position: relative;
    list-style: none;
    padding: 5px 0 5px 15px;
    border-bottom: 0px solid #e4e4e4;
}
.widget_archive ul li:before,
.widget_categories ul li:before{
    content: "\f0da";
    display: block;
    position: absolute;
    top: 5px;
    left: 7px;
    font-size: 14px;
    color: #ac9b9b;
    font-family: "FontAwesome";
}
.widget_categories ul li,
.widget_archive ul li {
    float: left;
    width: 48%;
}
.widget_categories ul li:nth-child(odd),
.widget_archive ul li:nth-child(odd) {
    margin-right: 1.75%;
    padding: 5px 8px 5px 15px;
}
.widget_categories ul li:nth-child(even),
.widget_archive ul li:nth-child(even) {
    margin-left: 1.75%;
    padding: 5px 8px 5px 15px;
}
.widget_categories ul li:nth-child(odd),
.widget_archive ul li:nth-child(odd) {
    clear: both;
}
.widget_categories ul:after,
.widget_archive ul:after {
    content: " ";
    display: table;
    clear: both;
}


/*
 *  Widget : Tabbed
 */
#tabbed-widget{
    @include media(">=phone", "<=tablet") {
        position: relative !important;
    }
    @include media(">tablet", "<=desktop") {
        position: relative !important;
    }
}
.els-tabs > .nav-tabs{
    background-color: #FFF;
}
.els-tabs > .nav-tabs li{
    padding: 0;
}
.els-tabs > .nav-tabs > li > a {
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    border-width: 0 0 4px 0;
}
.els-tabs > .nav-tabs > li > a:hover {
    border-width: 0 0 4px 0;
    border-color: transparent transparent rgba($theme-primary-color, 0.4)!important;
    background-color: transparent;
}
.els-tabs > .nav-tabs-justified > .active > a,
.els-tabs > .nav-tabs.nav-justified > .active > a,
.els-tabs > .nav-tabs-justified > .active > a:hover,
.els-tabs > .nav-tabs.nav-justified > .active > a:hover,
.els-tabs > .nav-tabs-justified > .active > a:focus,
.els-tabs > .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #b10404;
    border-width: 0 0 4px 0;
    color: $theme-primary-color;
}
.els-tabs > .nav-tabs > li.active > a,
.els-tabs > .nav-tabs > li.active > a:hover,
.els-tabs > .nav-tabs > li.active > a:focus {
    background-color: transparent;
}
.els-tabs > .nav-tabs-justified > li > a,
.els-tabs > .nav-tabs.nav-justified > li > a {
    border-bottom: 4px solid #ddd;
    border-radius: 0;
}


/*
 * Widget Tags
 */
.single .tags-links {
    padding: 24px 0;
    border-bottom: 0px solid #f7f7f7;
    a:hover {
        background-color: #C62828;
        border-color: #C62828;
        color: #FFFFFF;
    }
}
.single .tags-links a,
.widget_tag_cloud a {
    font-size: 14px !important;
    word-wrap: break-word;
    background-color: #f7f7f7;
    color: #ac9b9b;
    display: inline-block;
    padding: 0 10px;
    margin-bottom: 3px;
    margin-top: 3px;
    margin-right: 4px;
    line-height: 30px;
    border-width: 0px;
    border-style: solid;
    border-color: transparent;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    text-decoration: none;
    text-transform: capitalize;
    &:hover {
        background-color: #C62828;
        border-color: #C62828;
        color: #FFFFFF!important;
        text-decoration: none!important;
    }
}
.single .widget_tag_cloud {
    padding: 24px 0;
    border-bottom: 1px solid #f7f7f7;
}
footer .widget_tag_cloud {
    border-bottom: none;
}


/*
 *  Social Box Top
 */
.top-soc-box {
	margin-top: 20px;
	min-height: 36px;
	margin-bottom: 10px;
	@include media(">=phone", "<=tablet") {
		margin-top: 2px;
		position: absolute;
	    bottom: -66px;
		left: 0;
        margin-bottom: 0;
	}
	@include media(">tablet", "<=desktop") {
		margin-top: 2px;
        margin-bottom: 0;
	}
	ul{
		margin-bottom: 0;
	}
	li {
		padding-right: 1px;
		padding-left: 1px;
	}
	a{
		color: lighten($theme-primary-color, 30%);;
		width: 40px;
		height: 40px;
		line-height: 36px;
		font-size: 2em;
		text-align: center;
		display: inline-block;
		vertical-align: middle;
        -webkit-transition: all .25s ease-in-out;
        -o-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;
		@include media(">=phone", "<=tablet") {
		}
		&:hover {
     		color: lighten($theme-primary-color, 50%);
			background-color: lighten($theme-primary-color, 0%);
		}
	}
	ul{
		@include media(">=phone", "<=tablet") {
		}
	}
}


/*
 *  Page numbers
 */
ul.page-numbers {
	padding: 0;
	margin-left: 0px !important;
	li{
		display: inline-block;
		margin-bottom: 25px;
		a,
		span {
			font-weight: 300 !important;
			color: #fff;
			padding: 8px 14px;
			border: 1px solid #bcbcbc;
			background-color: #bcbcbc;
		}
		span {
			background-color: $theme-primary-color;
			color: #fff;
			border: 1px solid #C62828;
		}
		.dots {
			background-color: #bcbcbc;
			color: #fff;
			border: 1px solid #bcbcbc;
		}
		a:hover {
			background-color: $theme-primary-color;
			color: #FFF;
			text-decoration: none;
			border: 1px solid $theme-primary-color;
			margin-bottom: 20px;
		}
	}
}


/*
 *  Search Form
 */
.searchform{
	input{
		border-color: #ac9b9b;
		&:hover,
		&:focus{
			border-color: darken(#ac9b9b, 28%);
		}
		&:focus{
			box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(172, 155, 155, 0.6);
		}
	}
	button{
		border-color: #ac9b9b;
		background-color: #ac9b9b;
		color: #FFF;
		padding-bottom: 7px;
		&:hover,
		&:focus{
			background-color: $theme-primary-color;
			color: #FFF;
			border-color: $theme-primary-color;
		}
	}
}


/*
 *  Button Styles
 */
 .btn {
     border: none;
     font-size: 15px;
     font-weight: normal;
     line-height: 1.4;
     border-radius: 4px;
     padding: 10px 15px;
     -webkit-font-smoothing: subpixel-antialiased;
     -webkit-transition: border 0.25s linear, color 0.25s linear, background-color 0.25s linear;
     transition: border 0.25s linear, color 0.25s linear, background-color 0.25s linear;
 }
.btn-danger{
	background-color: lighten($theme-primary-color, 16%);
}
.btn-danger:hover {
	background-color: $theme-primary-color;
}