/* 
Theme Name:		 twentytwenty-child
Theme URI:		 http://childtheme-generator.com/
Description:	 twentytwenty-child is a child theme of twentytwenty, created by ChildTheme-Generator.com
Author:			 Jitendra
Author URI:		 http://childtheme-generator.com/
Template:		 twentytwenty
Version:		 1.0.0
Text Domain:	 twentytwenty-child
*/


/*
    Add your custom styles here
*/

body {
    font-size: 16px !important;
color:black !important;
}

header#site-header {
    background: #fff;
}

.header-inner {
    padding: 0;
}

body:not(.overlay-header) .primary-menu>li>a,
body:not(.overlay-header) .primary-menu>li>.icon,
.modal-menu a,
.footer-menu a,
.footer-widgets a,
#site-footer .wp-block-button.is-style-outline,
.wp-block-pullquote:before,
.singular:not(.overlay-header) .entry-header a,
.archive-header a,
.header-footer-group .color-accent,
.header-footer-group .color-accent-hover:hover {
    color: #191919 !important;
    text-decoration: none;
}

.header-titles {
    margin: inherit;
}

body .primary-menu li>a:hover,
#site-footer a:hover {
    color: #f58220 !important;
}

.master {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1rem;
}

.master div:first-child {
    background-color: #2a170f;
}

.master div:nth-child(2) {
    background-color: #2a170f;
}

.master div:nth-child(3) {
    background-color: #2a170f;
}

.master div:last-child {
    background-color: #2a170f;
}

.phone{
    
    text-decoration:none !important;
    color:black !important;
}



.banner {
    display: flex;
    justify-content: center;
    align-items: center;
}

.paytm-pg-donar-address p,
.paytm-pg-donar-info p {
    width: 100%;
    float: inherit;
    display: flex;
    flex-direction: column;
}

.paytm-pg-donar-address p input[type="text"],
.paytm-pg-donar-info p input[type="text"] {
    width: 100%;
    float: inherit;
}

.paytm-pg-donar-info {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1.5rem;
}

div#addGuest {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
}

select#guestNumber {
    background: #fff;
    border-radius: 0;
    border-style: solid;
    border-width: 0.1rem;
    box-shadow: none;
    display: block;
    font-size: 1.6rem;
    letter-spacing: -0.015em;
    margin: 0;
    max-width: 100%;
    padding: 1.5rem 1.8rem;
    border-color: #dcd7ca;
}

#guestInput {
    margin-left: 0rem !important;
    width: 100%;
}

.container {
    margin-top: 40px;
}

select {

    /* styling */
    background-color: white;
    border: thin solid blue;
    border-radius: 4px;
    display: inline-block;
    font: inherit;
    line-height: 1.5em;
    padding: 0.5em 3.5em 0.5em 1em;

    /* reset */

    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
}


/* arrows */

select#guestNumber {
    background-image:
        linear-gradient(45deg, transparent 50%, gray 50%),
        linear-gradient(135deg, gray 50%, transparent 50%),
        linear-gradient(to right, #ccc, #ccc);
    background-position:
        calc(100% - 20px) calc(1em + 8px),
        calc(100% - 15px) calc(1em + 8px),
        calc(100% - 2.5em) .85em;
    background-size:
        5px 5px,
        5px 5px,
        1px 1.5em;
    background-repeat: no-repeat;
}

select#guestNumber:focus {
    background-image:
        linear-gradient(45deg, rgb(0, 0, 0) 50%, transparent 50%),
        linear-gradient(135deg, transparent 50%, rgb(0, 0, 0) 50%),
        linear-gradient(to right, #ccc, #ccc);
    background-position:
        calc(100% - 15px) 1.5em,
        calc(100% - 20px) 1.5em,
        calc(100% - 2.5em) 0.85em;
    background-size:
        5px 5px,
        5px 5px,
        1px 1.5em;
    background-repeat: no-repeat;
    border-color: #000;
    outline: 0;
    border-radius: 4px;
}


select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

#guestInput {
    margin-left: 0rem !important;
    width: 100%;
    margin-bottom: 0 !important;
}

div#guestdiv {
    width: 33.33%;
}

button,
.button,
.faux-button,
.wp-block-button__link,
.wp-block-file .wp-block-file__button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.bg-accent,
.bg-accent-hover:hover,
.bg-accent-hover:focus,
:root .has-accent-background-color,
.comment-reply-link {
    background-color: #f58220;
}

span#finalAmount {
    font-size: 2rem;
    font-weight: 600;
}

.entry-content>*:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    max-width: inherit;
    width: calc(100% - 4rem);
    margin: 3rem 0 1rem;
}

.post-inner {
    padding-top: 0;
    width: calc(100% - 8rem);
    margin: 0 auto;
}

.section-inner.medium {
    max-width: inherit;
}

.privacy-policy {
    margin: 0;
}

.singular .entry-header {
    padding: 4rem 0;
}

.privacy-policy h1 {
    text-align: left;
}

.section-inner {
    display: flex;
    justify-content: space-between !important;
    width: 100%;
    max-width: inherit;
    padding: 0 2rem;
    align-items: center;
}

.banner img {
    width: 100vw;
    height: auto;
}

.error {
    width: 100% !important;
    color: red;
}

button[type="submit"]:hover {
    text-decoration: none;
    color: black
}

button[type="submit"]:focus-within {
    text-decoration: none !important;
}

button[type="submit"]:active {
    text-decoration: none;
}

a:hover {
    text-decoration: none !important;
}

a:active {
    text-decoration: none !important;
}

a:focus-within {
    text-decoration: none !important;
}

#conditions ol {
    padding-left: 23rem;
    padding-top: 3rem;
}

.terms_and_conditions {
    margin-left: 5px;
}

#conditions li {
    line-height: 1.5;
    margin: 1.5rem 0 0 2rem;
}

#site-footer .section-inner {
    justify-content: center !important;
}

#conditions {
    min-height: 69vh;
}

h1 {
    font-size: 3rem !important;
    font-weight: 700 !important;
}

.about-text {
    word-spacing: 7px;
}

.aboutImage {
    width: 296px;
    height: 444.88px;

    margin-right: auto;
}

.social-icon{
font-size:30px;
color:black;
:hover {
	color:#e4ab13;
	}
}

button:hover{
text-decoration:none !important;
}


@media only screen and (max-width: 1000px) {
    .header-titles-wrapper {
        align-items: center;
        display: flex;
        justify-content: space-between;
        padding: 0;
        text-align: center;
    }

    .section-inner {
        max-width: 100%;
    }

    #conditions ol {
        padding-left: 8rem;
        padding-top: 2rem;
    }

    #conditions li {
        line-height: 1.5;
        margin: 1.5rem 0 0 2rem;
    }

}


.about-text {
    text-align: justify;
}

.about {
    margin-top: 3rem;
}

#contact {
    min-height: 74vh !important;
}

.contactDetails {
    margin: auto;
}

@media only screen and (max-width: 768px) {
    .paytm-pg-donar-info {
        display: grid;
        grid-template-columns: 1fr !important;
        gap: 1.5rem;
    }

    div#guestdiv {
        width: 100%;
    }

    #conditions ol {
        padding-left: 0rem;
        padding-top: 3rem;
    }

    #conditions li {
        line-height: 1.5;
        margin: 1.5rem 0 0 2rem;
    }
}

@media only screen and (max-width: 768px) {
    .container {
        padding: 0 1.5rem;
    }
}



.btn-primary{ background-color: #e3aa12 !important; border:1px solid #e3aa12 !important;}

.pay-cnt{ background:#f1f1f1; padding:20px;}
.pay-cnt h1{border-bottom:3px solid #e3aa12; padding-bottom:15px;}

.pay-details .row.text-start{ border-bottom:1px solid #ddd; padding:10px 20px;}

.back-btn, .back-btn:hover{background-color: #000 !important; color:#fff !important;}

#site-footer{border-top:1px solid #ddd; padding:10px; margin-top:50px;}



.footer-credits a{ color:#000;}
.page-loader,#opendialog{display:flex; justify-content:center; align-items:center; background:rgba(0,0,0,0.5); width:100%; height:100%; position:fixed; left:0; top:0; z-index:10;} 
.spinner-border {
    --bs-spinner-width: 5rem !important;
    --bs-spinner-height: 5rem  !important; color:#e3aa12 !important;}
    
    
    .popup-accept{ background:#fff; padding: 30px; border-radius: 20px; text-align: center; }
.popup-accept ul{ margin:0; padding:0; text-align: left;}
.popup-accept ul li{ list-style:none; position:relative; padding:0 0 0 25px; margin:2px 0 2px 0;}
.popup-accept ul li:before{ position:absolute; left:0; top:0; content:'\f00c'; font-family: "FontAwesome"; color:#e3aa12;}
.popup-accept button{ margin-top:25px; min-width:150px; border-radius: 10px;}
.popup-accept h2{ text-align:left; margin-bottom:15px !important;}



@media only screen and (max-width: 767px) {
.page-loader,#opendialog{ padding:15px;}
.popup-accept { height: 90vh; overflow-y: auto;}

	
}