@charset "UTF-8";

html, body, h1, h2, h3, h4, h5, h6, p, div, span {
    font-family: 'NanumSquareRound',sans-serif;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: .6rem;
    line-height: 1.2;
}
/*font-family: 'Nanum Square', NanumGothic, 나눔고딕, "Malgun Gothic", "맑은 고딕", Dotum, 돋움, Arial, AppleGothic, sans-serif;*/
.h2, h2 {
    font-size: 1.7rem;
}
p {
    line-height: 1.25;
    margin-bottom:15px;
}
section {
    padding: 70px 0;
}
.beauty-font {
    font-family: 'Abel', sans-serif;
    text-transform: uppercase;

}
/*font-family: 'Nunito', 'Nanum Square', Malgun Gothic, "맑은 고딕", NanumGothic, 나눔고딕, Dotum, 돋움, Arial, AppleGothic, sans-serif;*/

.text-bold {
    font-weight: bolder;
    font-weight: 900;
}
.text-small {
    font-size: 80%;
}

.text-large {
    font-size: 130%;
}

.toast {
    /*width: 250px;*/
    height: 120px;
    padding-top: 30px;
    /*height: auto;*/
    position: fixed;
    left: 42%;
    /*margin-left: -125px;*/
    bottom: 40px;
    z-index: 9999;
    /*background-color: #383838;*/
    background-color: rgba(156, 156, 156, 0.9);

    /*color: #F0F0F0;*/
    /*font-size: 15px;*/
    /*padding: 10px;*/
    /*text-align: center;*/
    border-radius: 40px;
    -webkit-box-shadow: 0px 0px 8px -1px rgba(56, 56, 56, 0.9);
    -moz-box-shadow: 0px 0px 8px -1px rgba(56, 56, 56, 0.9);
    box-shadow: 0px 0px 8px -1px rgba(56, 56, 56, 0.9);
}


#mainNav.navbar-shrink {
    background-color: rgba(56, 56, 56, 0.8);
    border-bottom: 1px solid rgba(0,0,0,0.1);
    padding: 2px 0 0 0;
}

header.masthead {
    background-image: none;
    /*background-image: url("../img/header.jpg");*/
    /*-webkit-background-size: cover;*/
    /*-moz-background-size: cover;*/
    /*-o-background-size: cover;*/
    /*background-size: cover;*/
}

.parallax-window {
    min-height: 400px;
    background: transparent;
}

.col-xs-6 {
    width: 50%;
}
.nav-link {
    display: inline-block;
}

a {
    color: #b0c6cb;
}

/* color set */
a:focus, a:hover {
    color: #C4DCE2;
}

hr {
    border-color: #C4DCE2;
}
hr.brown {
    border-color: #9F8E6F;
}
.btn-wedding {
    color: #fff;
    border-color: #C4DCE2;
    background-color: #C4DCE2;
}
.btn-wedding:hover, .btn-wedding:active, .btn-wedding:focus, .btn-wedding:active:focus  {
    background-color: #b0c6cb;
}

.btn-brown {
    color: #fff;
    border-color: #9F8E6F;
    background-color: #9F8E6F;
}
.btn-brown:hover, .btn-brown:active, .btn-brown:focus {
    color: #fff;
    background-color: #8f7f63;
}

.bg-wedding {
    background-color: #dce6fa;
}

.box-primary {
    border: 5px solid #c4dce2;
    padding: 15px 0;
    margin: 0 10px;
}

.box-brown {
    border: 5px solid;
    border-color: #9F8E6F;
    padding: 25px 0;
    margin: 0 10px;
}

header.masthead .header-content .header-content-inner p {
    color: #868e96;
    font-size: 20px;
    line-height: 24px;
    font-weight: normal;
    /*font-weight: 600;*/
    letter-spacing: normal;
    margin-bottom: 25px;
}

header.masthead .header-content .header-content-inner h1 {
    /*font-family: 'Cinzel', serif;*/
    letter-spacing: -0.75px;
    text-shadow: 1px 1px 1px gray;
}

header .dday {
    margin-top: 1em;
    margin-bottom: 25px;
    /*font-weight: 900;*/
    font-weight: normal;
    text-shadow: 1px 1px 1px gray;
}
header .subHeading {
    color: white!important;
    font-size: 1.5em!important;
    margin: 1em auto!important;
    text-shadow: 1px 1px 1px gray;
}

.bottom {
    padding-bottom: 25px;
}

.alpha60 {
    background-color: rgb(255, 255, 255);
    /* RGBa with 0.6 opacity */
    background-color: rgba(255, 255, 255, 0.6);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000)";
}

@media (min-width: 768px){
    header.masthead .header-content .header-content-inner h1 {
        font-size: 45px;
    }
}

@media (min-width:650px) {
    .fixed-bottom {
        top:0;
        bottom:inherit;
    }
}
@media (max-width:630px) {
    header.masthead .header-content{
        padding-top: 150px;
    }
    .xs-hidden {
        display: none;
    }
    .h1, h1 {
        font-size: 1.7rem
    }
}