/*
Theme Name:   Ani Ledodi (Astra Child)
Theme URI:    https://aniledodihelpline.org/
Description:  Child theme for Astra holding the Ani Ledodi Helpline Caller Sheet, Call Log and related styles, so the Astra parent theme can be updated safely.
Author:       Ani Ledodi Helpline
Template:     astra
Version:      1.0.0
Requires PHP: 7.4
License:      GNU General Public License v2 or later
License URI:  https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  astra-child-ani-ledodi
*/

/* ------------------------------------------------------------------
   Caller Sheet styles + "hide Caller Sheet menu item from visitors".
   Copied unchanged from the end of astra/assets/css/minified/style.min.css,
   where they had been added by hand (and would be lost on an Astra update).
   ------------------------------------------------------------------ */


.menu-item-674 { display:none !important; }
#helpline-form .form p .elementor-button { float:right; margin-left:10px; }
.logged-in .menu-item-674 { display:block !important; }
.page-template-template-caller-sheet header.elementor-location-header .elementor-widget-nav-menu { display: none; }
.page-template-template-caller-sheet .elementor-location-footer section.elementor-section-items-middle { display: none; }
.page-template-template-caller-sheet #content > .ast-container { max-width:100%; padding: 0; background: #fff; }
#helpline-form .page-head { background: url("https://aniledodihelpline.org/wp-content/uploads/2020/11/helpline-bg.png") no-repeat top left; color: #0d4942; font-family: "Abhaya Libre", Sans-serif; font-size: 24px; font-weight: bold; padding-top: 35px; text-align: center; height: 118px; background-size: cover; }
#helpline-form .col { float:left; width: 50%; }
#helpline-form .form { padding: 20px 0; }
#helpline-form .form p { margin-bottom: 10px; font-size: 18px; }
/* #helpline-form .form-row { width: 100%; overflow: hidden; }  */
#helpline-form .form input.form-control { background: transparent; width: 40%; margin-bottom: 15px; }
#helpline-form .form textarea { background:transparent; margin-bottom: 15px; }
#helpline-form .form label { display: block; color: #202124; font-size: 18px; }
#helpline-form .form label input { margin-right: 10px; }
#helpline-form .form header { border-top:1px solid #d1d0d0; background:#fcf9f9; border-bottom:1px solid #d1d0d0; margin-bottom: 20px; margin-top: 30px; }
#helpline-form .form header h2 { color: #202124; font-size: 18px; text-transform: uppercase; padding: 5px 0; cursor:pointer; }
#helpline-form .form header h2 i { margin-right:20px; transform: rotate(-90deg); }
#helpline-form .form header.active h2 i { transform: rotate(0deg); }
#helpline-form .form header.active + .content { display:block !important; }
#helpline-form .form .service-provided , #helpline-form .form .feedback { display:none; padding-top:20px; }
#helpline-form .form .service-provided .form-control { margin-left: 25px; width: 30%; }
#helpline-form .form .service-provided textarea.form-control { margin-left: 25px; width: 90%; }
#helpline-form .form .service-provided .form-row { margin-bottom: 10px; }
#helpline-form .form .service-provided .form-row input.form-control { display:none; }
#helpline-form .form .service-provided .form-row:first-child input.form-control { display: none !important; }
#helpline-form .form .service-provided .form-row:last-child label { margin-left: 25px; }
#helpline-form .form .feedback .inner { display:none; }
#helpline-form .form .feedback .inner .form-row { width:100%; overflow:hidden; }
#helpline-form .form .feedback .ast-container > .form-row label { display: inline-block; margin-right: 15px; }
#helpline-form .form .feedback .col1 , #helpline-form .form .feedback .col3 { float: left; width: 30%; }
#helpline-form .form .feedback .col1 input , #helpline-form .form .feedback .col3 input { width: 100%; }
#helpline-form .form .feedback .col2 { float: left; width: 40%; padding: 38px 15px 0; text-align: center; }
#helpline-form .form .feedback .col2 label { display: inline-block; margin-right: 25px; }
#helpline-form input[type="submit"] { text-transform:uppercase; margin:40px 0; background:#DB9582; color:#0D4942 ; }
#helpline-form .dropdown { position:relative; width:40%; }
#helpline-form .dropdown .dropdown-menu { display:none; }
#helpline-form .dropdown button { margin-bottom:20px; position:relative; color: #666; padding: .75em; height: auto; border-width: 1px; border-style: solid; border-color: #eaeaea; border-radius: 2px; background: transparent; box-shadow: none; box-sizing: border-box; width: 100%; text-align: left; transition: all .2s linear; }
#helpline-form .dropdown button.active { border-bottom-color:#fff; }
#helpline-form .dropdown .dropdown-menu { position: absolute; top: 32px; border-width: 1px; border-style: solid; border-color: #eaeaea; width: 100%; background: #fff; z-index: 10; border-top: 0; }
#helpline-form .dropdown button:before { position:absolute; content:''; border: solid #666; transform: rotate(45deg); border-width: 0 2px 2px 0; display: inline-block; padding: 2px;  top:13px; right:10px; color:#eaeaea; }
#helpline-form .dropdown .dropdown-item { display:block; color: #666; padding-left: 10px; }
#helpline-form .dropdown .form-control.other-field { display: none; width: 100%; position: absolute; top: 0; right: -270px; height: 40px; }
@media screen and (max-width:1200px) {
#helpline-form .form .feedback .col2 { padding: 22px 15px 0; text-align: left; }
}
.d-none{display:none;}
.message {color:green;}
label.error {color:red !important;}
.note-textarea {height:150px;}
#helpline-form .form input.form-control.error { border-color: red !important; }
#helpline-form .form label.error { display:none !important; }