/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
@font-face {
    font-family: 'Panton';
    font-style: normal;
    font-weight: 300;
    src: url('font/panton/Panton-Regular.otf');
}


body {
	color: #000;
    font-family: 'Panton' !important;
    font-size: 16px;
}

#content p {
    line-height: 1.5;
}

.section {
    background-color: #fff;
}


h1,
h2,
h3,
h4,
h5,
h6 {
	color: #A11E39;
    font-family: 'Panton' !important;
}

.heading-block h1, .heading-block h2, .heading-block h3, .heading-block h4, .emphasis-title h1, .emphasis-title h2 {
    color: #A11E39;
}


.menu-container > .menu-item > .menu-link {
	font-size: 16px;
	padding-left: 20px;
	padding-right: 20px;
	font-weight: 400 !important;
	text-transform: capitalize;
	letter-spacing: 1px;
	font-family: 'Panton' !important;
	color:#A11E39
}

.header-size-custom #logo img {
    height: 80px;
     /*  height: 50px; logo beda*/
}

.button {
	color: #A11E39;
}

.button.button-light {
    color: #A11E39;
}

.widget > h4 {
   color:#ffffff
}

.i-plain {
	color:#A11E39
}

.btn-primary {
    color: #fff;
    background-color: #A8223F;
    border-color: #A8223F;
}

.button:hover {
	background-color: #A8223F;
	color: #fff;

}

.flip-container {
        -webkit-perspective: 1000;
        -moz-perspective: 1000;
        -o-perspective: 1000;
        perspective: 1000;
        min-height: 100px;
        cursor: pointer;
    }
    .front,
    .back {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: 0.6s;
        -webkit-transform-style: preserve-3d;
        -moz-transition: 0.6s;
        -moz-transform-style: preserve-3d;
        -o-transition: 0.6s;
        -o-transform-style: preserve-3d;
        -ms-transition: 0.6s;
        -ms-transform-style: preserve-3d;
        transition: 0.6s;
        transform-style: preserve-3d;
        top: 0;
        left: 0;
        width: 100%;
    }
    .back {
        -webkit-transform: rotateY(-180deg);
        -moz-transform: rotateY(-180deg);
        -o-transform: rotateY(-180deg);
        -ms-transform: rotateY(-180deg);
        transform: rotateY(-180deg);
        position: absolute;
    }
    .flip-container.flipped .back {
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -o-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }
    .flip-container.flipped .front {
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }
    .matched{
      opacity: 0.3;
    }


    .flip-card-front::after, .flip-card-back::after {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        content: "";
        display: block;
        opacity: 0.6;
        background-color: #A8223F;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        border-radius: 6px;
    }

    .slider-element .owl-carousel .owl-item img {
        -webkit-transform-style: preserve-3d;
        height: 250px;
    }

    .btn {
        color:#fff;
        background-color: #A8223F;

    }

    .btn:hover {
        color:#A11E39;
        text-decoration: none;
        background-color: #cccccc !important;


    }

    .btn-primary {
        color: #ffffff;
        background-color: #A8223F;
        border-color: #A8223F;
    }

    .btn-primary:hover {
        color: #A11E39;
        background-color: #cccccc;
        border-color: #cccccc;
    }

    .button {
        color: #ffffff;
        background-color: #A8223F;
        border-color: #A8223F;
    }

    .button:hover {
        color: #A11E39;
        background-color: #cccccc;
        border-color: #cccccc;
    }

    .button.button-3d {
        color: #ffffff;
        background-color: #A8223F;
        border-color: #A8223F;
    }

    .button.button-3d:hover {
        color: #A11E39;
        background-color: #cccccc;
        border-color: #cccccc;
    }


    h1, h2, h3, h4, h5, h6, #logo a, .menu-link, .mega-menu-style-2 .mega-menu-title > .menu-link, .top-search-form input, .entry-link, .entry.entry-date-section span, .button.button-desc, .fbox-content h3, .tab-nav-lg li a, .counter, label, .widget-filter-links li a, .nav-tree li a, .wedding-head, .font-primary {
        font-family: 'Panton' !important;
    }

    .btn-bvy {
        box-shadow: 0 5px 15px hsla(0,0%,4%,.1), 0 0 0 0.5px hsla(0,0%,4%,.1);
        border-bottom-left-radius: 0.25rem;
        border-bottom-right-radius: 0.25rem;
        padding: 1.5rem;
    }

    .btn-bvy:hover {
        box-shadow: 0 14px 28px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.22);
    }

    .tab-nav li.ui-tabs-active a {
        background-color:#A8223F;
        color:#ffffff
    }