/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

/**
Theme Name: Astra Child
Version: 1.0.0
Text Domain: astra-child
Template: astra
*/


/*======================= GENERAL =====================*/
a.gc-editlink {
    line-height: 1.1em;
    color: #fff;
    background: #c02ba8;
    font-family: inherit;
    font-weight: 700;
    font-size: 15px;
    padding: 22px 30px;
    display: block;
    border-radius: 50px;
    transition: all .4s;
}

a.gc-editlink:hover {
    background: #e84dd1;
    color: #fff;
}

/*======================= HOMEPAGE CSS =====================*/

.special-list-divider .elementor-icon-list-item:after {
    content: '.';
    color: #fff;
    font-size: 159px;
    line-height: 1em;
    border: none!important;
    position: absolute!important;
    right: -38px!important;
}

.special-list-divider .elementor-icon-list-item:last-child:after {
    display: none;
}

.gc-categories .pciwgas-cat-wrap .pciwgas-title {
    font-size: 18px;
    text-align: left;
    padding: 16px 0 0;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Open Sans';
}
.pciwgas-img-wrapper img {
    height: 450px;
    -o-object-fit: cover;
       object-fit: cover;
}
.logo-images-slider img {
    -webkit-filter: grayscale(1);
            filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /></filter></svg>#filter');
            filter: grayscale(1);
}
/* Breadcrumbs */
.elementor-headline .elementor-headline-text-wrapper {
    margin: 0 16px;
    position: relative;
}

.elementor-headline .elementor-headline-plain-text:first-child:before, .single-directory .elementor-headline .elementor-headline-plain-text:last-child:after{content: "\f105";font-family: "Font Awesome 5 Free";position: absolute;right: -22px;}
.single-directory .elementor-headline .elementor-headline-plain-text:last-child:after {
    right: inherit;
    left: -21px;
    color: #fff;
}

.single-directory .elementor-headline .elementor-headline-plain-text:last-child {
    color: #000!important;
}
/* Contact form */
.gen-form .gfield .gfield_label {
    display: none;
}
.gen-form .gfield input[type=text], .gen-form .gfield textarea {
    background: none;
    height: 62px;
    padding: 15px 25px!important;
    border-radius: 50px;
    border-color: #b7b7b7!important;
}
.gen-form .gfield textarea {
    height: 300px;
    border-radius: 8px;
}
.gen-form .gform_footer input[type=submit] {
    background: #c02ba8;
    text-transform: uppercase;
    font-weight: 600;
    padding: 15px 79px;
    border-radius: 50px;
    border: 1px solid #c02ba8;
}

.gen-form .gform_footer input[type=submit]:hover {
    cursor: pointer;
    background: none;
    color: #c02ba8;
}
/* form error */
.gen-form .gform_wrapper div.validation_error, .gen-form .gform_wrapper .validation_message {
    display: none;
}
.gen-form  .gform_wrapper li.gfield.gfield_error, .gen-form .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    background: #fff;
    border: none;
    padding: 0;
}
.gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper li.gfield_error textarea {
    border-color: #790000!important;
}
.special-accordion .elementor-accordion-item {
    margin-bottom: 10px;
}
.special-accordion .elementor-accordion-item .elementor-accordion-icon {
    border: 1px solid #c02ba8;
    border-radius: 28px;
    position: relative;
    height: 30px;
    width: 31px;
    margin-top: -6px;
}
.elementor-widget-archive-posts .elementor-post {
    background: #fafafa;
    padding: 25px;
}

.elementor-widget-archive-posts .elementor-post:hover {
    -webkit-box-shadow: 2px 2px 21px #c8c8c887;
            box-shadow: 2px 2px 21px #c8c8c887;
}


.special-accordion .elementor-accordion-item .elementor-accordion-icon i {position: absolute;right: 8px;top: 5px;}
a, a:hover, a:focus {
    color: #c02ba8;
}

.menu-toggle, button, .ast-button, .ast-custom-button, .button, input#submit, input[type="button"], input[type="submit"], input[type="reset"] {background-color: #c02ba8;border-radius: 30px!important;padding: 10px 30px!important;}


/* share icons */
.gc-shareicons span.elementor-share-btn__icon {
    border: 2px solid #C02BA8;
    border-radius: 50%;
}



/*======================= INNER PAGES CSS =====================*/
.copy-link-btn #currentLinkPost {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    z-index: -1;
}
.link-acf-shortcode a:hover {
    opacity: .75;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}
.copy-link-btn button {
    background: #00a7eb;
    border-color: #00a7eb;
    height: 60px;
    font-weight: 700;
    margin-left: 20px;
}

.copy-link-btn button:hover {
    -webkit-filter: brightness(1.2);
            filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1.2" /><feFuncG type="linear" slope="1.2" /><feFuncB type="linear" slope="1.2" /></feComponentTransfer></filter></svg>#filter');
            filter: brightness(1.2);
}
/* Rating Form  */
div#comments fieldset.wppcr_rating > legend {
    display: none;
}
div#comments .ast-comment-formwrap p.ast-col-lg-4 {
    width: 100%;
    margin: 0;
}
div#comments fieldset {
    border: none;
    padding: 0 0 16px;
}
div#comments p.comment-notes {
    display: none;
}
div#comments .ast-comment-formwrap.ast-row {
    margin-top: -40px;
}
.ast-comment-data-wrap p {margin: 0;}
.ast-comment-data-wrap .ast-comment-meta-wrap {
    padding: 0;
}
#comments .comments-count-wrapper {
    padding-bottom: 0;
}
#comments .comments-count-wrapper h3 {
    font-size: 16px;
}
/* end comment form */
form.gc-from {
    border: 10px solid rgba(255, 255, 255, 0.43);
    border-radius: 50px;
    overflow: hidden;
}

form.gc-from > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #eceeef;
}

form.gc-from .elementor-search-form__submit {
    border: none;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #C02BA8;
    line-height: 1.2em;
    padding: 18px 45px !important;
    min-width: calc( 3.2 * 55px );
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

form.gc-from .elementor-search-form__submit:hover {
    color: #C02BA8;
    background: transparent;
}

form.gc-from input.elementor-search-form__input {
    font-family: "Open Sans", Sans-serif;
    font-size: 16px;
    line-height: 1.2em;
    padding: 18px 0px 18px 20px;
    width: 100%;
    border-radius: 0;
    border: none;
    background: transparent;
}

form.gc-from input.elementor-search-form__input {
    outline: unset;
}
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce .woocommerce-message a.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce input.button,
.woocommerce input.button:disabled,
.woocommerce input.button:disabled[disabled],
.woocommerce input.button:disabled:hover,
.woocommerce input.button:disabled[disabled]:hover,
.woocommerce #respond input#submit,
.woocommerce button.button.alt.disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link,
.wc-block-grid__product-onsale {
    color: #ffffff !important;
    border: 1px solid #C02BA8 !important;
    background-color: #C02BA8 !important;
}

.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce .woocommerce-message a.button:hover, 
.woocommerce #respond input#submit:hover, 
.woocommerce #respond input#submit.alt:hover, 
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover, 
.woocommerce input.button:hover, 
.woocommerce button.button.alt.disabled:hover, 
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:hover {
    color: #C02BA8 !important;
    background-color: #c02ba800 !important;
}
/* Single Directory */
.ae-grid-item img {
    height: 254px;
    -o-object-fit: cover;
       object-fit: cover;
}
.comment-form-email { display: none; }
/* End Single Directory */

/* Directory Register Form */
#gform_2 textarea,
#gform_2 input:not(.gform_button),
#gform_2 select {
    background-color: transparent;
    padding: 10px;
    font-size: 16px;
}

#gform_3 input:not(.gform_button) {
    background-color: transparent;
    padding: 10px 0;
    font-size: 16px;
    border-width: 0 0 1px 0;
    color: #050505;
}

.dashicons-hidden:before,
.dashicons-visibility:before {
    color: #050505;
}

#gform_2 ul.tagit li {
    padding: 0;
    margin: 0;
}

#gform_2 ul.tagit {
    background-color: transparent;
    border: 1px solid #eaeaea;
    font-size: 16px;
}

#gform_2 label.gfield_label,
#gform_2 th,
#gform_3 label.gfield_label{
    font-family: "Open Sans";
    font-weight: 600;
    font-size: 16px;
}

#gform_2 .gsection_title {
    color: #097E92;
}

.gform_wrapper #gform_2 .gsection {
    border-bottom: 1px solid #097E92;
}

#gform_2 .gf_readonly textarea {
    font-size: 12px;
}

#gform_2 #gform_submit_button_2,
#gform_3 #gform_submit_button_3 {
    background-color: #C02BA8;
    width: 35%;
    border: 1px solid #C02BA8;
    font-weight: 600;
    text-transform: uppercase;
}

#gform_2 #gform_submit_button_2:hover,
#gform_3 #gform_submit_button_3:hover{
    background-color: transparent;
    color: #c02ba8;
}

#gform_2 .agree_terms label {
    font-size: 12px;
}

#gform_2 .gfield_checkbox li>label,
#gform_2 .agree_terms label {
    padding-left: 15px;
}

.elementor-section-wrap #gform_3 .ginput_container_password button:hover,
.elementor-section-wrap #gform_3 .ginput_container_password button:focus{
    background-color: transparent!important;
}

/* End Directory Register Form */


/*======================= FOOTER CSS =====================*/




/*======================= RESPONSIVE CSS (FOR COMPLETE RESPONSIVE LIST PLEASE SEE HERE: https://tinyurl.com/y5zjzuzp )=====================*/

@media screen and (max-width: 1366px) { 
	/*YOUR CSS HERE*/
}

@media screen and (max-width: 1280px) { 
	/*YOUR CSS HERE*/
}

@media screen and (max-width: 1080px) { 
	/*YOUR CSS HERE*/
}

@media screen and (max-width: 1024px) { 
	/*YOUR CSS HERE*/
	
}

@media screen and (max-width: 767px) { 
	
	input.elementor-search-form__input {
    background-color: rgba(255,255,255,0) !important;
    font-size: 25px !important;
	}
	/*YOUR CSS HERE*/

}

@media screen and (max-width: 640px) { 
	/*YOUR CSS HERE*/
	.special-list-divider .elementor-icon-list-item:after{
		    font-size: 74px;
	}
	.elementor-search-form__container {display: inherit;}

.elementor-103 .elementor-element.elementor-element-d3a1f98:not(.elementor-search-form--skin-full_screen) .elementor-search-form__container {
    border: none;
    background: none;
    border-radius: 0;
}
.elementor-search-form__container input.elementor-search-form__input, .elementor-search-form__container button.elementor-search-form__submit {
    background: #fff;
    width: 100%;
    height: 55px;
    margin-bottom: 10px;
    border-radius: 30px;
}
.copy-link-btn button {
    margin-left: 0;
    width: 188px;
}
	
	.gc-search-btn input.elementor-search-form__input {
    margin-top: 50vh;
}

.gc-search-btn .dialog-lightbox-close-button.dialog-close-button {
    margin-top: -5vh;
}
}

@media screen and (max-width: 425px) { 
	/*YOUR CSS HERE*/
	.elementor-widget .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after {
        left: 32px;
	}
}

@media screen and (max-width: 375px) { 
	/*YOUR CSS HERE*/
}

@media screen and (max-width: 320px) { 
	/*YOUR CSS HERE*/
}


/**** Social Media CSS ****/

ul.short-soc-icons {
    margin: 0 0px 30px 0px;
}
ul.short-soc-icons li {
    display: inline-block;
    margin-right: 9px;
}
ul.short-soc-icons li a {
    background-color: rgba(2, 1, 1, 0);
    font-size: 16px;
    padding: 0.7em;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #C02BA8;
    border-radius: 50%;
}
ul.short-soc-icons li a>i {
    width: 20px;
    text-align: center;
    height: 19px;
    color: #000;
}