/* 
 Theme Name:     The Gentle Crossing Child 
Theme
 Author:         Pepperstreet Web design
 
Author URI:     pepperstreetwebdesign.co.uk
 
Template:       Divi
 
Version:        1.0
*/ 



/*set the Divi menu dropdown auto width*/
@media only screen and (min-width: 981px) {
	.nav li ul {
		width: fit-content;
		display: flex;
		flex-direction: column;
	}
	.nav li li {
		white-space: nowrap;
	}
	.nav li li a {
		width: auto !important;
	}
}


#main-header{ 
	-webkit-box-shadow:none !important; 
	-moz-box-shadow:none !important; 
	box-shadow:none !important; 
}


/* Buttons side by side for header */
.btn-inline .et_pb_button_module_wrapper {
display: inline-block;
padding-bottom: 20px;
margin: 0 20px 0 0;
} 



/*Make the menu module display vertically*/
.vertical-menu nav ul li {
width: 100%;
display: block;
}

.vertical-menu {
    position: relative;
    z-index: 99999;
}



#contact-panel a {color:#ffffff;}
#contact-panel a:hover {text-decoration:underline;}


/*  FORM STYLES  */
@media only screen and (max-width: 960px) {
        #contact-panel .wpforms-container .wpforms-field.wpforms-one-half,
}



.wpforms-container-full label {font-weight:300 !important;}


#contact-panel .wpforms-container-full input[type=text],
#contact-panel .wpforms-container-full input,
#contact-panel .wpforms-container-full textarea{
	padding:14px !important;
	background-color:#ADB39D !important;
	border-bottom:solid 1px #2c2e34 !important;
	border-top:none !important;
	border-left:none !important;
	border-right:none !important;
	height:auto !important;
	color:#FBFBF9 !important;
	font-size:15px;
	font-weight:300;
}


#contact-panel .wpforms-container-full select{
	padding:14px !important;
	background-color:#ADB39D !important;
	border-bottom:solid 1px #2c2e34 !important;
	border-top:none !important;
	border-left:none !important;
	border-right:none !important;
	height:auto !important;
	color:#FBFBF9 !important;
}


#contact-panel .wpforms-container-full button[type=submit]
 {
	background-color:#2c2e34 !important;
	color:#FBFBF9 !important;
	padding:14px 42px !important;
	font-weight:700;
	border-radius:21px;
}

#contact-panel .wpforms-container-full button[type=submit]:hover  {background-color:#adb39d !important;}
#contact-panel  ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */   color: #FBFBF9 !important;   opacity: 1; /* Firefox */}
#contact-panel  :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #FBFBF9 !important;}
#contact-panel  ::-ms-input-placeholder { /* Microsoft Edge */  color: #FBFBF9 !important;}
 





@media (min-width: 980px) {
  /* custom spacing between services on footer panel*/

}

@media all and (max-width: 980px) {
  
}

@media(max-width: 767px){
div#page-container{ 
overflow: hidden; 
}
}



@media all and (max-width: 980px) {
  div#et-main-area {
    margin-top: -1px;
  }
}





 .gcv-price-wrap {
    --gcv-green-dark: #3d4f2f;   /* header row / headings */
    --gcv-green-mid:  #6b7d55;   /* accents */
    --gcv-cream:      #faf7ef;   /* page / row background */
    --gcv-cream-alt:  #f2eee2;   /* standard hours column */
    --gcv-peach:      #f5e3cf;   /* overnight column */
    --gcv-text:       #2f3325;
    --gcv-border:     #d8d2bf;
    margin: 0 auto;
    overflow-x: auto;           /* horizontal scroll on small screens */
  }

  .gcv-price-table {
    width: 100%;
    border-collapse: collapse;
    background: var(--gcv-cream);
  }

  .gcv-price-table caption {
    caption-side: top;
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--gcv-green-dark);
    padding: 0.75em 0 0.25em;
    text-transform: uppercase;
  }

  .gcv-tagline {
    display: block;
    font-size: 0.95rem;
    font-weight: 400;
    font-style: italic;
    letter-spacing: normal;
    text-transform: none;
    margin-top: 0.35em;
  }

  /* ---------- Header row ---------- */
  .gcv-price-table thead th {
    background: var(--gcv-green-dark);
    color: #ffffff;
    padding: 0.9em 0.75em;
    text-align: left;
    font-size: 0.95rem;
    vertical-align: top;
  }

  .gcv-price-table thead th.gcv-col-standard {
    background: var(--gcv-cream-alt);
    color: var(--gcv-green-dark);
  }
  .gcv-price-table thead th.gcv-col-extended {
    background: var(--gcv-cream-alt);
    color: var(--gcv-green-dark);
  }
  .gcv-price-table thead th.gcv-col-overnight {
    background: var(--gcv-peach);
    color: var(--gcv-green-dark);
  }

  .gcv-hours {
    display: block;
    font-weight: 400;
    font-size: 0.8rem;
    margin-top: 0.25em;
  }

  /* ---------- Body ---------- */
  .gcv-price-table td,
  .gcv-price-table tbody th {
    padding: 0.65em 0.75em;
    border-bottom: 1px solid var(--gcv-border);
    vertical-align: middle;
  }

  /* Category cell (spans 3 rows) */
  .gcv-category {
    font-weight: 700;
    color: var(--gcv-green-dark);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 0.9rem;
    border-right: 1px solid var(--gcv-border);
    background: var(--gcv-cream);
    white-space: nowrap;
  }


  .gcv-service {
    text-align: left;
    font-weight: 400;
  }

  .gcv-price {
    white-space: nowrap;
  }
  .gcv-price .gcv-from {
    font-style: italic;
    font-size: 0.85em;
    color: var(--gcv-green-mid);
    margin-right: 0.35em;
  }
  .gcv-price .gcv-amount {
    font-weight: 700;
  }

  .gcv-cell-standard  { background: var(--gcv-cream-alt); }
  .gcv-cell-extended  { background: var(--gcv-cream); }
  .gcv-cell-overnight { background: var(--gcv-peach); }
  
  
  .gcv-price-table .gcv-col-standard,
.gcv-price-table .gcv-col-extended,
.gcv-price-table .gcv-col-overnight {
  width: 18%;
}

  /* ---------- Footer notes ---------- */
  .gcv-notes {
    margin-top: 1em;
    padding: 0.9em 1em;
    background: var(--gcv-cream-alt);
    border-radius: 8px;
    font-size: 0.85rem;
    line-height: 1.5;
  }
  .gcv-notes ul {
    margin: 0;
    padding-left: 1.2em;
  }

  /* ---------- Small screens ---------- */
  @media (max-width: 640px) {
    .gcv-price-table { font-size: 0.85rem; }
    .gcv-price-table thead th,
    .gcv-price-table td,
    .gcv-price-table tbody th { padding: 0.5em; }
  }


