// main: style.scss
/*--------------------------------------------------------------
# Structure
--------------------------------------------------------------*/
.site {
    overflow: hidden;
}
.clearfix {
    &:after{
        @include clearfix();
    }
}

.container {
    max-width: 1220px;
    margin: 0 auto;
    padding: 0 40px;
    clear: both;
    position: relative;
    @include media-breakpoint-down(md) {
        padding: 0 20px;
    }
    @include media-breakpoint-down(sm) {
        padding: 0 10px;
    }
    @extend .clearfix;
}

/* Site Header */
.site-header-wrapper {
    height: 80px;
}
.site-header {
    background: #ffffff;
    box-shadow: 0 0 8px rgba(39, 48, 57, 0.05);
    line-height: 80px;
    height: 80px;
    position: relative;
    z-index: 99;
    -webkit-transition: all 1s ease-out;
    transition: all .5s ease-out;
    .custom-logo-link img {
        //margin: 20px 0px;
    }
    .header-search {
        position: absolute;
        right: 40px;
        @include media-breakpoint-down(md) {
            right: 20px;
        }
        button {
            padding: 0;
            border: none;
            background: none;
            color: $color__text;
        }
        i {
            font-size: 18px;
            position: relative;
            top: 1px;
            color: red;
        }
        .search-form {
            display: none;
            position: absolute;
            top: 100%;
            right: 0px;
            line-height: 1;
            background: #FFFFFF;
            z-index: 90;
            width: 320px;
            padding: 15px;
            box-shadow: 0 3px 6px rgba(39, 48, 57, 0.043);
            input {
                margin-bottom: 0px;
            }
            input[type="text"], input[type="search"] {
                //font-size: 14px;
                max-width: 200px;
                border-width: 1px;
            }
            .search-submit {
                background: $color__primary;
            }
        }
        &.header-search-toggled-on {
            button.fa {
                color: $color__primary;
            }
            .fa-search::before {
                content: '\f00d';
            }
            .search-form {
                display: block;
            }
        }
    }
}

.site-branding {
    float: left;
    @include rem('margin-right', 30px);
    max-width: 100%;
    @include media-breakpoint-down(md) {
        margin-right: 130px;
    }
    &.show-tagline {
        .site-title {
            float: left;
        }
        .site-description {
            clear: left;
            padding-top: 10px;
            display: block;
            line-height: 1;
            font-size: 14px;
        }
    }
    &:after {
        @include clearfix-after();
    }
}
.site-title {
    margin: 0px;
    font-size: 28px;
    line-height: 1.5;
    display: inline-block;
    font-family: "Merienda","Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: normal;
    position: relative;
    bottom: -6px;
    a {
        color: $color__primary;
    }
}

#header-image {
    display: block;
    height: auto;
    margin: 0 auto;
    width: 100%;
    position: relative;
    z-index: 10;
}

.site-content {
    @include rem('padding', 60px 0px 60px);
}

.full-width {
    .content-area {
        width: 100%;
    }
}

.content-area {
    float: none;
    width: 100%;
    @include media-breakpoint-up(lg) {
        width: percentage( 790px / 1140px );
        float: left;
        .left-sidebar & {
            float: right;
        }
    }
    &.full-width, &.front-page {
        width: 100%;
        float: none;
    }
}

.sidebar-widget-area {
    background: #FFF;
    border: 1px solid $color__border;
    @include rem('padding', 25px);
    float: none;
    width: 100%;
    @include media-breakpoint-up(lg) {
        width: percentage( 322px / 1140px );
        float: right;
        .left-sidebar & {
            float: left;
        }
    }
}

/* Footer Widget Area */
.footer-widget-area, .site-footer {
    //font-weight: 300;
    color: rgba(255, 255, 255, 0.75);
    a {
        color: rgba(255, 255, 255, 0.75);
        &:hover {
            color: $color__primary;
        }
    }
}
.footer-widget-area {
    @include rem('padding', 60px 0px 20px);
    background: #273039;
    .widget-area {
        float: none;
        margin-left: 10%;
        margin-right: 10%;
        width: auto;
        @include media-breakpoint-up(xs) {
            margin-left: 0%;
            margin-right: 0%;
            width: auto;
            float: none;
        }
        @include media-breakpoint-up(md) {
            margin-left: 15px;
            margin-right: 15px;
            width: auto;
            float: none;
        }
        @include media-breakpoint-up(lg) {
            float: left;
            margin-right: inherit;
            margin-left: inherit;
            width: inherit;
        }
    }
    @include media-breakpoint-up(lg) {
        .widget-area:nth-child(1):nth-last-child(1) {
            width: 100%;
        }
        .widget-area:nth-child(1):nth-last-child(2),
        .widget-area:nth-child(2):nth-last-child(1) {
            margin-right: 6%;
    		width: 47%;
        }
        .widget-area:nth-child(1):nth-last-child(2):last-of-type,
        .widget-area:nth-child(2):nth-last-child(1):last-of-type {
            margin-right: 0;
        }
        .widget-area:nth-child(1):nth-last-child(3),
        .widget-area:nth-child(2):nth-last-child(2),
        .widget-area:nth-child(3):nth-last-child(1) {
            margin-right: 5%;
    		width: 30%;
        }
        .widget-area:nth-child(1):nth-last-child(3):last-of-type,
        .widget-area:nth-child(2):nth-last-child(2):last-of-type,
        .widget-area:nth-child(3):nth-last-child(1):last-of-type {
            margin-right: 0px;
        }
        .widget-area:nth-child(1):nth-last-child(4),
        .widget-area:nth-child(2):nth-last-child(3),
        .widget-area:nth-child(3):nth-last-child(2),
        .widget-area:nth-child(4):nth-last-child(1) {
            margin-right: 3%;
            width: 22.75%;
        }
        .widget-area:nth-child(1):nth-last-child(4):last-of-type,
        .widget-area:nth-child(2):nth-last-child(3):last-of-type,
        .widget-area:nth-child(3):nth-last-child(2):last-of-type,
        .widget-area:nth-child(4):nth-last-child(1):last-of-type {
            margin-right: 0px;
        }
    }
}

/* Site Footer */
.site-footer {
    @include rem('font-size', 15px);
    background: #1f272f;
    @include rem('padding', 20px 0px);
    text-align: center;
    .site-copyright {
		float: left;
	}
	.theme-info {
		float: right;
	}
	@include media-breakpoint-down (md) {
		.site-copyright {
			float: none;
			text-align: center;
			margin-bottom: 15px;
		}
		.theme-info {
			float: none;
			text-align: center;
		}
	}
}

// Grid System.
.grid-row {
    @include rem('margin-left', -15px);
    @include rem('margin-right', -15px);
	&:after {
		@include clearfix;
		@include clearfix-after;
	}
	.grid-xs-1, .grid-sm-1, .grid-md-1, .grid-lg-1, .grid-xs-2, .grid-sm-2, .grid-md-2, .grid-lg-2, .grid-xs-3, .grid-sm-3, .grid-md-3, .grid-lg-3, .grid-xs-4, .grid-sm-4, .grid-md-4, .grid-lg-4, .grid-xs-5, .grid-sm-5, .grid-md-5, .grid-lg-5, .grid-xs-6, .grid-sm-6, .grid-md-6, .grid-lg-6, .grid-xs-7, .grid-sm-7, .grid-md-7, .grid-lg-7, .grid-xs-8, .grid-sm-8, .grid-md-8, .grid-lg-8, .grid-xs-9, .grid-sm-9, .grid-md-9, .grid-lg-9, .grid-xs-10, .grid-sm-10, .grid-md-10, .grid-lg-10, .grid-xs-11, .grid-sm-11, .grid-md-11, .grid-lg-11, .grid-xs-12, .grid-sm-12, .grid-md-12, .grid-lg-12 {
		margin-bottom: 30px;
	}

}
.grid-xs-1, .grid-sm-1, .grid-md-1, .grid-lg-1, .grid-xs-2, .grid-sm-2, .grid-md-2, .grid-lg-2, .grid-xs-3, .grid-sm-3, .grid-md-3, .grid-lg-3, .grid-xs-4, .grid-sm-4, .grid-md-4, .grid-lg-4, .grid-xs-5, .grid-sm-5, .grid-md-5, .grid-lg-5, .grid-xs-6, .grid-sm-6, .grid-md-6, .grid-lg-6, .grid-xs-7, .grid-sm-7, .grid-md-7, .grid-lg-7, .grid-xs-8, .grid-sm-8, .grid-md-8, .grid-lg-8, .grid-xs-9, .grid-sm-9, .grid-md-9, .grid-lg-9, .grid-xs-10, .grid-sm-10, .grid-md-10, .grid-lg-10, .grid-xs-11, .grid-sm-11, .grid-md-11, .grid-lg-11, .grid-xs-12, .grid-sm-12, .grid-md-12, .grid-lg-12 {
	position: relative;
	min-height: 1px;
    @include rem('padding-left', 15px);
    @include rem('padding-right', 15px);
}
@media (min-width: 768px) {
	.grid-sm-1, .grid-sm-2, .grid-sm-3, .grid-sm-4, .grid-sm-5, .grid-sm-6, .grid-sm-7, .grid-sm-8, .grid-sm-9, .grid-sm-10, .grid-sm-11, .grid-sm-12 {
	float: left;
	}
	.grid-sm-12 {
	width: 100%;
	}
	.grid-sm-11 {
	width: 91.66666667%;
	}
	.grid-sm-10 {
	width: 83.33333333%;
	}
	.grid-sm-9 {
	width: 75%;
	}
	.grid-sm-8 {
	width: 66.66666667%;
	}
	.grid-sm-7 {
	width: 58.33333333%;
	}
	.grid-sm-6 {
	width: 50%;
	}
	.grid-sm-5 {
	width: 41.66666667%;
	}
	.grid-sm-4 {
	width: 33.33333333%;
	}
	.grid-sm-3 {
	width: 25%;
	}
	.grid-sm-2 {
	width: 16.66666667%;
	}
	.grid-sm-1 {
	width: 8.33333333%;
	}
}
@media (min-width: 992px) {
	.grid-md-1, .grid-md-2, .grid-md-3, .grid-md-4, .grid-md-5, .grid-md-6, .grid-md-7, .grid-md-8, .grid-md-9, .grid-md-10, .grid-md-11, .grid-md-12 {
	float: left;
	}
	.grid-md-12 {
	width: 100%;
	}
	.grid-md-11 {
	width: 91.66666667%;
	}
	.grid-md-10 {
	width: 83.33333333%;
	}
	.grid-md-9 {
	width: 75%;
	}
	.grid-md-8 {
	width: 66.66666667%;
	}
	.grid-md-7 {
	width: 58.33333333%;
	}
	.grid-md-6 {
	width: 50%;
	}
	.grid-md-5 {
	width: 41.66666667%;
	}
	.grid-md-4 {
	width: 33.33333333%;
	}
	.grid-md-3 {
	width: 25%;
	}
	.grid-md-2 {
	width: 16.66666667%;
	}
	.grid-md-1 {
	width: 8.33333333%;
	}
}

/* Customizer shortcuts */
.menu-main-menu-container .customize-partial-edit-shortcut,
.menu-main-menu-container .widget .customize-partial-edit-shortcut {
    float: right;
    right: 0px;
}
