/*
Theme Name:     Neve Child
Theme URI:      https://themeisle.com/themes/neve/
Template: neve
Author:         ThemeIsle
Author URI:     https://themeisle.com
Version:        1.0.0
Text Domain:    neve
*/

h1, h2, h3, h4, h5, h6 {
	color: #032a60;
}

.site-logo img {
	max-width: inherit;
	display: block;
	margin: 0;
	width: 640px !important;
}

.site-logo small /*Site Tagline*/ {
	font-size: 36px;
	margin-top: 30px;
	margin-left: 60px;
	font-style: italic;
	color: #7cb3ffa8;
	text-align: center;
}

.nav-ul .sub-menu {
	box-shadow: rgba(10, 38, 64, 0.7) 0 8px 24px;
	right: auto;
}

.menutel a {
	font-size: 22px;
	color: #a6ddff !important;
	text-shadow: 1px 1px 2px #000;
}

.menutel a:hover {
	color: #fff !important;
}

.fancy-hr {
	background-image: -webkit-linear-gradient(left, #bbd7f0, #2b579d, #bbd7f0); 
	background-image: linear-gradient(to right, #bbd7f0, #2b579d, #bbd7f0);
	border: none;
	height: 1px;
}

/*  Homepage  */
.psfeatures {
	width: 80vw;
	margin: 0 calc(-20vw + 20%);
}

.psfeatures .box {
	border-radius: 10px;
	background: linear-gradient(135deg,rgba(252,252,252,0.5) 0%,rgb(160, 200, 236) 100%);
	padding: 15px !important;
}
.psfeatures h2 {
	margin: 15px auto;
}

.col-spacer {
	width: 22vw;
}

.col-1, .col-2 {
	border-right: 1px solid #7fabd2;
	padding-right: 30px;
}

.homepagefeaturegrid section {
	padding: 20px;
	background: linear-gradient(135deg,rgba(252,252,252,0.5) 0%,rgb(186, 214, 238) 100%);
	border-radius: 10px;
	margin: 10px;
	border: 1px solid #d9e3ec;
	box-shadow: 0px 0px 5px #0000002e inset;
}

.homepagefeaturegrid section div p {
	margin: 0;
}

.homepagefeaturegrid section.last {
	display: flex;
	justify-content: center;
	align-items: center;
	border: none;
  	box-shadow: none;
  	background: none;
}

.homepagefeaturegrid section.last div p {
	padding: 0 30px;
}

.homepagefeaturegrid section.last div .fancy-hr {
	margin: 20px 0;
}


/*  About Page  */
.aboutbox-right h2 {
	margin-bottom: 10px;
}

/* Contact Page */
#wp-block-themeisle-blocks-form-2f2d1e5e {
	background-color: #e1f1ff;
	padding: 25px;
	border-radius: 20px;
}

.contactform p {
	text-align: center !important;
	width: 100%;
}

.contactform button {
	width: 50%;
	max-width: 100% !important;
	margin: 0 auto;
	border-radius: 40px;
}

.o-form-server-response.o-success {
	width: 90%;
	flex-direction: row !important;
	text-align: center;
	justify-content: center;
	border: 1px solid #008000;
	/* color: #0e3568 !important; */
	margin: 20px auto;
	border-radius: 8px !important;
	font-weight: bold;
	box-shadow: 0 0 30px #fff inset;
}

.dottedbox {
	display: flex;
	background-color: rgb(225, 241, 255);
	margin: 20px auto;
	border-top: 1px dotted rgba(54, 124, 198, 0.5);
	border-bottom: 1px dotted rgba(54, 124, 198, 0.5);
	border-left: 4px solid;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	border-right: 4px solid;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	border-color: rgb(54, 124, 198);
	padding: 20px;
}

.dottedbox .portrait {
	border: 2px solid rgba(54, 124, 198, 0.5);
	border-radius: 10px;
	margin-right: 20px;
}

.dottedbox div {
	align-content: center;
}

/* Hide Footer Element */
.hfg-grid-bottom .hfg-slot.left {
	visibility: hidden;
}

.footerprofile a {
	text-decoration: none;
	font-size: 20px;
	margin-top: 10px;
	display: inline-block;
	color: #73b9e1;
  	text-shadow: 1px 1px 3px #041d33;
}

.footer-top {
	--overlaycolor: #0b3f84 !important;
	--bgoverlayopacity: 80% !important;
	--bgimage: none !important;
	background: url("https://publicspeakingforhomeschoolers.com/wp-content/uploads/2024/11/backbround-7-h200.jpg") no-repeat 50% 0% #041224 !important;
}

.lacities {
	max-width: 830px;
	margin: 0 auto;
	text-align: justify;
	color: #84a7d5 !important;
}

/* Media Breaks */

@media (min-width: 960px) {

/* Call to Action Fix */
	.call2action > div {
	max-width: 100% !important;
	}
}


@media (max-width: 782px) {

	.header-main {
	--overlaycolor: #073575 !important;
	--bgoverlayopacity: 1 !important;
	}

 .site-logo img {
	max-width: var(--maxwidth);
	margin: 0;
	}

	.site-logo small {
	font-size: inherit;
	margin-top: 5px;
	margin-left: 5px;
	}

	h1 {
		font-size: 20px;
		text-align: center;
	}

	p.has-medium-font-size {
	font-size: 16px !important;
	}

	.psfeatures {
	width: 100%;
	margin: 0 auto;
	}

	.dottedbox {
	flex-direction: column;
	}

	.dottedbox .portrait {
		margin: 10px auto;
	}
}