@import '_variable.scss';

body{
    background-color: #eff0f2;
    font-family: 'Helvetica Neue', 'Open Sans', 'Lato';
    background-attachment: fixed!important;
}

a{
	color: #ac9b9b;
	&:hover{
		text-decoration: none;
		color: $theme-primary-color;
	}
}
h1{
	font-size: 46px;
	font-weight: bold;
}
h2{
	font-size: 32px;
	font-weight: bold;
}
h3{
	font-size: 18px;
	font-weight: 500;
}
.heart{
    color:$theme-primary-color;
}



.site-header{
	background-color: $header-top-bgcolor;
  background-size: cover!important;
	min-height: 234px;
	position: relative;
	margin-bottom: 25px;
    @include media(">=phone", "<=tablet") {
        min-height: 160px;
    }
    @include media(">tablet", "<=desktop") {
        min-height: 236px;
    }
	.site-branding{
		position: absolute;
		top: 0;
		padding: 40px 10px 34px;
		width: 320px;
		background-color: darken($theme-primary-color, 6%);
		color: white;
		text-align: center;
		z-index: 2;
        @include media(">=phone", "<=tablet") {
            width: 100%;
            position: relative;
            padding: 10px 10px;
        }
        @include media(">tablet", "<=desktop") {
            padding: 30px 10px 22px;
        }
        .site-logo{
          margin-top: -13px;
          @include media(">=phone", "<=tablet") {
            margin-top: 0;
          }
          @include media(">tablet", "<=desktop") {
            margin-top: -30px;
          }
          img{
            height:80px;
            border:2px solid lighten($theme-primary-color, 16%);
          }
        }
        .site-title{
            margin-top: 20px;
            margin-bottom: 15px;
            font-weight: 500;
            line-height: 1.1;
            font-size: 2.3em;
            a{
                color: lighten($theme-primary-color, 45%);
                &:hover{
                    color: lighten($theme-primary-color, 50%);
                }
            }
            @include media(">=phone", "<=tablet") {
                margin-top: 10px;
    			font-size: 24px;
    		}
            @include media(">tablet", "<=desktop") {
                margin-top: 8px;
                margin-bottom: 7px;
            }
        }
        .site-description{
            color: lighten($theme-primary-color, 30%);;
            @include media(">=phone", "<=tablet") {
    			font-size: 11px;
    		}
            @include media(">tablet", "<=desktop") {
                margin-bottom: 8px;
            }
        }

	}

	.header-top{
		line-height: 2.3em;
		background-color: lighten($header-top-bgcolor, 10%);
		color: white;
        @include media(">=phone", "<=tablet") {
            display: none;
        }
        .header-top-content{
            padding-left: 325px;
        }
	}
	.header-top-bar{
		position: absolute;
		bottom: 0px;
		background-color: $theme-primary-color;
    border-top: 3px solid lighten($theme-primary-color, 10%);
		/*padding-left: 364px;*/
    width: 100%;
		border-bottom: 4px solid darken($theme-primary-color, 6%);
    @include media(">=phone", "<=tablet") {
      position: relative;
      margin-top: 15px;
    }
    @include media(">tablet", "<=desktop") {
      position: relative;
      top: 168px;
    }
		.nav {
            padding-left: 305px;
            @include media(">=phone", "<=tablet") {
                padding-left: 0px;
            }
            @include media(">tablet", "<=desktop") {
                padding-left: 0px;
            }
			> li {
				> a {
					color: darken(#FFF, 10%);
					line-height: 30px;
					&:hover,
					&:focus {
						color: #FFF;
						background-color: darken($theme-primary-color, 6%);
					}
				}
			}
			.open > a {
				&,
				&:hover,
				&:focus {
					background-color: lighten($theme-primary-color, 8%);
					border-color: #000;
				}
			}
            .current-menu-item{
                color: #FFF;
                background-color: darken($theme-primary-color, 6%);
            }
			.dropdown-menu {
				border-radius:0;
				> li > a {
                    @include media(">=phone", "<=tablet") {
                        color: #FFF;
                    }
					&:hover{
						background-color: lighten($theme-primary-color, 48%);
                        @include media(">=phone", "<=tablet") {
                            color: #333;
                        }
					}
                    &:focus{
                        @include media(">=phone", "<=tablet") {
                            color: #333;
                        }
                    }
				}
                > .active > a,
                > .active > a:hover,
                > .active > a:focus {
                    background-color: darken($theme-primary-color, 0%);
                }
			}
		}
	}
}

.navbar-toggle{
    background-color:lighten($theme-primary-color, 10%);
    .icon-bar{
        background-color: lighten($theme-primary-color, 40%);
    }
}
.admin-head .site-header {
	.site-branding{
		top: 33px;
	}
}





/*
 * Primary Navigation
 */
.main-navigation {
	ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	li {
		margin: 0;
		display: inline-block;
		position: relative;
		padding: 0;
		display: block;
	}
	.current_page_item > a {
		font-weight: 700;
	}
	@media (min-width:$screen-md) {
		 ul ul {
			position: absolute;
			display: none;
			left: 0;
			top: 100%;
			min-width: 150px;
			background: #fdfdfd;
			z-index: 100;
		}
		 ul ul ul {
			left: 100%;
			top: 0;
		}
		 li {
			display: inline-block;
			padding: 8px 15px;
		}
		 li:hover > ul {
			display: block;
		}
	}
}