/*
Theme Name: Oshin Child
Description: Oshin Child Theme
Author: Brand Exponents
Template: oshin
Version: 1.0
*/

@import url("../oshin/style.css");

#header-inner-wrap.background--light.transparent #navigation {
    color: #fff;
}

.btn-link{
    color: #fabe8f !important;
}
#contact_form .gc_suburb{
    margin-top: 23px !important;
}
#contact_form .gfield.gfield_error.gc_suburb{
    margin-top: 28px !important;
}

#contact_form .gfield.gfield_error.find {
    margin-top: 19px !important;
}
#contact_form .gform_validation_error .find .ginput_container{
    margin-top: 34px !important;
}

.sub-title p {
    font-size: 17px;
    letter-spacing: 0.5px;
}

.gallery_content {
    box-shadow: 0 -1px 10px rgba(0,0,0,0.2);
}

.element img.wp-smiley{
	display:inline-block;
	width:auto;
}

.button br {
    display: none;
}

.btn-special {
    padding: 13px 23px;
    color: #fff;
    background-color: #fabe8f;

    border-radius: 5px;
    font-size: 14px;
    transition: all ease-in-out 250ms;
    position: relative;
}

.btn-special:hover {
    background-color: rgb(250 190 143 / 0.5);
    box-shadow: none;
    color: #fff;
    border: 1px solid #fabe8f;
    padding: 12px 22px;
}

.btn-special i::after {
    content: "";
    height: 100%;
    background-color: #fff;
    width: 1px;
    position: absolute;
    top: 0;
    left: 21.5%;
}

.btn-special a:hover i::after {
    content: "";
    height: 100%;
    background-color: #fabe8f;
    width: 1px;
    position: absolute;
    top: 0;
    left: 21.5%;
}


.btn-special i {
    padding-right: 15px;
}
#header-inner-wrap.background--light.transparent .be-mobile-menu-icon, #header-inner-wrap.background--light.transparent .be-mobile-menu-icon span, #portfolio-title-nav-bottom-wrap .background--light .home-grid-icon span{
	background-color: #000 !important;
}
body #back-to-top{
	background-color: #fabe8f !important;
}

/* instagram plugin */
body .catch-instagram-feed-gallery-widget-wrapper .button{
    background-color:  #FABE8F;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 13px;
    color: #fff !important;
    border: solid 2px #FABE8F;
    padding: 10px 20px;
}
body .catch-instagram-feed-gallery-widget-wrapper .button:hover{
    background-color:  #FABE8F80 !important;
}
/* post grid plugin */
.gc-post-grid-plugin-class .read-more {
    text-align: left !important;
}
.gc-post-grid-plugin-class .read-more a{
    padding: 10px 30px;
    border-radius: 0px !important;
    border: solid 2px #fabe8f;
}
/*Contact Form Styling*/

#contact_form label{
    font-size: 16px;
}

.page-id-3008 #contact_form label{
    font-size: 15px;
}

#contact_form label span{
    font-size: 30px;
    color: #000;
}

#contact_form .gform_wrapper .gfield_description {
    font-size: 14px;
}

#contact_form label,
#contact_form label span{
    vertical-align: middle;
}

#contact_form input, 
#contact_form select {
    border: 0;
    border-bottom: 2px solid #5f6263;
    vertical-align: bottom;
    transition: all ease-in-out 250ms;
    font-size: 14px;
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    color: #5f6263;
    background-color: transparent;
}
#contact_form textarea{
    border-color: #d6d6d6;
    transition: all ease-in-out 250ms;
    background-color: transparent;
}
#contact_form textarea:focus{
    border: 2px solid #FABE8F;
    background-color: #f5f5f5;
}
#contact_form input:focus, 
#contact_form select:focus {
    border: 0;
    border-bottom: 2px solid #FABE8F;
    background-color: #f5f5f5;
}

#contact_form input[type="submit"] {
    border: initial;
    background-color: #FABE8F;
    border: 2px solid #FABE8F;
    padding: 15px 20px;
}

#contact_form input[type="submit"]:hover {
    border: initial;
    background-color: rgb(250 190 143 / 0.5);
    border: 2px solid #FABE8F;
}

#contact_form #input_1_1_3_container label, 
#contact_form #field_1_5 .ginput_container label,
#contact_form #input_1_7_3_container label{
    display: none;
}

#contact_form #field_1_7
#field_1_5 {
    margin-top: 24px;
}

/* #contact_form .gf_left_third {
    width: 40% !important;
} */

#contact_form .gf_middle_third{
    width: 30% !important;
}
#contact_form .gf_right_third{
    width: 30% !important;
}

#contact_form #field_1_5 .ginput_container select {
	min-height: 41px;
}

#contact_form .gf_middle_third input,
#contact_form #input_1_7_3_container{
    width: 100% !important;
}

#contact_form #field_1_10 input, 
#contact_form #field_1_10 label {
    vertical-align: text-top;
}

#contact_form .gform_wrapper li.gfield.gfield_error, 
#contact_form .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning{
    background-color: transparent;
    border-top: 0;
    border-bottom: 0;
}
#contact_form .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description,
#contact_form .gform_wrapper .validation_message,
#contact_form .validation_error{
    display: none;
}

#contact_form .gform_wrapper .top_label li.gfield.gfield_error.gf_left_third, 
#contact_form .gform_wrapper .top_label li.gfield.gfield_error.gf_middle_third{
    margin-right: 0;
    padding-right: 16px;
}
#contact_form .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), 
#contact_form .gform_wrapper li.gfield_error textarea, 
.gform_wrapper.gform_validation_error .top_label select.medium {
    border-bottom: 2px solid #790000 !important;
}

.gform_wrapper .gfield_time_hour i {
    display: none;
}
#contact_form input, #contact_form select {
    border: 0;
    border-bottom: 2px solid #d6d6d6;
    vertical-align: bottom;
    transition: all ease-in-out 250ms;
    font-size: 14px;
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    color: #5f6263;
    background-color: transparent;
    width: 100%;
    min-height: 41px;
}
div.ginput_container_name span{
    padding-right: 0 !important;
}
.gform_wrapper .ginput_complex .ginput_left {
    padding-right: 0px;
}
#contact_form #field_1_10 input, #contact_form #field_1_10 label {
    vertical-align: middle;
    margin: 0;
}

body #bottom-widgets{
    background-color: #fbceb166;
}


._style i,
.meet i,
.makeup i,
.consult i{
    width: 30px;
    height: 30px;
}

._style i::before {
    content: "";
    width: 30px;
    height: 30px;
    background-image: url(/wp-content/uploads/2020/08/ic_1.png);
    position: absolute;
    background-position: center;
    background-size: cover;
    top: 0;
    left: 0;
}

.meet i::before {
    content: "";
    width: 30px;
    height: 30px;
    background-image: url(/wp-content/uploads/2020/08/ic_2.png);
    position: absolute;
    background-position: center;
    background-size: cover;
    top: 0;
    left: 0;
}

.makeup i::before {
    content: "";
    width: 30px;
    height: 30px;
    background-image: url(/wp-content/uploads/2020/08/ic_3.png);
    position: absolute;
    background-position: center;
    background-size: cover;
    top: 0;
    left: 0;
}

.consult i::before {
    content: "";
    width: 30px;
    height: 30px;
    background-image: url(/wp-content/uploads/2020/08/ic_4.png);
    position: absolute;
    background-position: center;
    background-size: cover;
    top: 0;
    left: 0;
}

.contact_details a {
    color: #5f6263;
}

.contact_details a:hover{
    color: #fbceb1;
}
.left-sidebar-page #content-wrap {
    max-width: 100%;
}
.testimonial-item .tatsu-column:last-child {
    z-index: 0;
}
.tatsu-column-inner.tatsu-column-sticky.is_stuck .tatsu-column-pad-wrap > .tatsu-column-pad {
    padding-top: 200px !important;
}
.gc_hour .gfield_time_hour, 
.gc_hour .gfield_time_minute{
    width: 100% !important;
    max-width: 50% !important;
}
#input_1_10 input[type=checkbox]:checked{
    background-color: #fabe8f !important;
}
#input_1_10 input[type=checkbox]:after {
	content: "";
	vertical-align: middle;
	text-align: center;
	line-height: 13px;
	position: absolute;
	cursor: pointer;
	height: 15px;
	width: 15px;
	left: 0;
	top: 13px;
	font-size: 10px;
/* 	-webkit-box-shadow: inset 0 1px 1px #fabe8f, 0 1px 0 #fabe8f;
	-moz-box-shadow: inset 0 1px 1px #fabe8f, 0 1px 0 #fabe8f;
	box-shadow: inset 0 1px 1px #fabe8f, 0 1px 0 #fabe8f; */
}

#input_1_10 input[type='checkbox']:hover:after,
#input_1_10  input[type='checkbox']:checked:hover:after {
	background: #fabe8f;
	content: '\2714';
	color: #fff;
}

#input_1_10 input[type='checkbox']:checked:after {
	background: #fabe8f;
	content: '\2714';
	color: #fff;
}
/* #input_1_10 input[type=checkbox]:checked+label{
	color: #FABE8F;
} */
.gform_wrapper .gform_footer {
    padding: 16px 0 10px;
    margin: 16px 0 0;
    clear: both;
    width: 33% !important;
    margin: 16px auto 0 !important;
}
/* #page-content.content-single-sidebar {
    width: 100%;
    margin: 0 !important;
}
section#right-sidebar {
    display: none;
} */
/*================================== Responsive ==========================*/

@media only screen and ( max-width: 1366px ){
    .tatsu-txsibaV1_.tatsu-column.col-100 {
        margin: 0 !important;
    }
    #header-controls-right {
        display: none;
    }
    #navigation {
        float: right;
    }
}


@media only screen and ( max-width: 1140px ){
    #about br{
        display: none;
    }
    .tatsu-r85dDX0DN.tatsu-text-block-wrap .tatsu-text-inner {
        width: fit-content !important;
    }
}

@media only screen and ( max-width: 1024px ){
    .tatsu-column-inner.tatsu-column-sticky {
        position: relative !important;
        top: unset !important;
        width: 100% !important;
    }
    .tatsu-column.tatsu-bg-overlay.tatsu-one-third.tatsu-column-image-none.tatsu-column-effect-none.tatsu-4peykVMM4 > div:nth-of-type(2) {
        display: none !important;
    }
}

@media only screen and ( max-width: 980px ){
    .style3 .logo {
        position: relative;
        padding-bottom: 0 !important;
        left: 0 !important;
    }
    .style3 .logo img{
        margin: 0 auto;
    }
    
    #navigation {
        float: none;
    }
}

@media only screen and ( max-width: 960px ){
    #field_1_6, #field_1_7, #field_1_8 {
        vertical-align: bottom;
    }
    #contact_form .gc_suburb #input_1_7 input {
        margin-top: 13px !important;
    }
    #header-controls-right {
        display: block;
    }
    .tatsu-r85dDX0DN.tatsu-text-block-wrap .tatsu-text-inner {
        width: fit-content !important;
    }
    .tatsu-gnGb4M6x7_ .tatsu-section-pad{
        padding: 200px 0px 105px 0px !important;
    }
    #header-inner-wrap {
        padding-bottom: 25px;
    }
}

@media only screen and ( max-width: 767px ){
    .tatsu-gnGb4M6x7_ .tatsu-section-pad{
        padding: 170px 0 100px 0 !important;
    }
    h1 {
        font-size: 32px !important;
        line-height: 1.2em !important;
    }
    .tatsu-iOs1cDQAU.tatsu-text-block-wrap .tatsu-text-inner{
        font-size: 18px !important;
    }
    .tatsu-S6oOzmSPy.tatsu-text-block-wrap .tatsu-text-inner{
        font-size: 24px !important;
    }
    .tatsu-r85dDX0DN.tatsu-text-block-wrap .tatsu-text-inner {
        width: fit-content !important;
    }
    .portfolio-two-col-mobile.full-screen .element.wide-width-height {
        width: 50%!important;
    }
    .gform_wrapper .top_label li.gfield.gf_left_half, .gform_wrapper .top_label li.gfield.gf_right_half, #contact_form .gf_left_third {
        width: 100% !important;
    }
    .gform_footer.top_label {
        text-align: center;
    }
    #contact_form .gf_right_third, #contact_form .gf_middle_third {
        width: 50% !important;
    }
    .tatsu-wrap {
        max-width: 767px;
        width: 80%;
    }
    .tatsu-fOfUlmAEh .tatsu-single-image-inner {
        max-width: 100% !important;
    }
    #bottom-widgets .column-block, 
    #bottom-widgets .column-block:last-child h6 {
        text-align: center !important;
    }
    .one-fourth:nth-child(2),
    .one-fourth:nth-child(3){
        width: 50%;
        float: left;
    }
    #bottom-widgets .column-block li,
    #bottom-widgets h6 {
        text-align: left;
    }
    .portfolio-two-col-mobile.full-screen .element, 
    .portfolio-two-col-mobile.full-screen.three-col .element, 
    .portfolio-two-col-mobile.full-screen.four-col .element, 
    .portfolio-two-col-mobile.full-screen.five-col .element {
        width: 50%!important;
        display: inline-block;
        position: relative !important;
        top: unset !important;
        left: unset !important;
    }
    .gc_half {
        display: flex;
        order: 2;
    }
    
    .gc_half:last-child {
        order: 1;
    }
	.gform_wrapper .gform_footer{
		width: 45% !important;
	}
}
@media only screen and ( max-width: 641px ){
	.gform_wrapper .gform_footer {
		width: 100% !important;
	}
	#contact_form input[type="submit"]{
		line-height: 12px;
	}
}

@media only screen and ( max-width: 640px ){
        
    #contact_form .gc_wedding_date{
        margin-right: 2%;
    }
    #contact_form .gf_right_third, #contact_form .gf_middle_third {
        width: 100% !important;
    }
    #contact_form .gc_wedding_date, #contact_form .gf_right_third {
        width: 49% !important;
        display: inline-block;
        vertical-align: top;
    }
    #contact_form #field_1_8 {
        width: 100% !important;
    }
    .tatsu-0f7slzTfd.tatsu-text-block-wrap .tatsu-text-inner {
        font-size: 16px !important; 
    }
    .btn-special {
        display: none;
    }
    .tatsu-gnGb4M6x7_ .tatsu-section-pad {
        padding: 120px 0 60px 0 !important;
    }
    .tatsu-iOs1cDQAU.tatsu-text-block-wrap,
    .tatsu-text-block-wrap {
        margin: 0px 0px 10px 0px;
    }
    h1 {
        font-size: 26px !important;
        line-height: 1.2em !important;
    }
    .tatsu-iOs1cDQAU.tatsu-text-block-wrap .tatsu-text-inner {
        font-size: 16px !important;
    }
    .tatsu-S6oOzmSPy.tatsu-text-block-wrap .tatsu-text-inner {
        font-size: 22px !important;
    }
    .gform_wrapper .gfield_time_hour i {
        display: none;
    }
}
@media only screen and ( max-width: 480px ){
    .portfolio-two-col-mobile.full-screen .element, 
    .portfolio-two-col-mobile.full-screen.three-col .element, 
    .portfolio-two-col-mobile.full-screen.four-col .element, 
    .portfolio-two-col-mobile.full-screen.five-col .element {
        width: 100%!important;
    }
    .gc_wedding_date .ginput_container.ginput_container_date {
        width: 40%;
    }
    .ginput_container.ginput_container_phone {
        width: 55%;
    }
    #contact_form .gc_wedding_date, #contact_form .gf_right_third {
        width: 100% !important;
        display: block;
        vertical-align: unset;
    }
    .gform_wrapper .gfield_time_hour i {
        display: block;
    }
    .one-fourth:nth-child(2), .one-fourth:nth-child(3) {
        width: 100%;
        float: none;
    }
    #bottom-widgets .column-block li, #bottom-widgets h6 {
        text-align: center;
    }
    .one-fourth.column-block.clearfix .widget_nav_menu li {
        padding-left: 0 !important;
    }
}

@media only screen and ( max-width: 421px ){
    #contact_form .gc_wedding_date .ginput_container input {
        margin-top: 20.5px;
    }
    #input_1_5 {
        margin-right: 9%;
    }
}

@media only screen and ( max-width: 340px ){
    #input_1_5 {
        margin-right: 15%;
    }
}