/*
Theme Name: The Shepherd's Fund
Author: Code Greene
Version: 1.0
Text Domain: shepherds-fund (should be unique, 'theme-slug' is likely good)
*/

/* STYLE RESET =================================================================================================================================================== */

:root {
	--blue-rgb:0,178,240; /* #00b2f0 */
	--dark_blue-rgb:0,138,252; /* #008afc */
	--black-rgb:0,0,0; /* #000000 */
	--gray-rgb:74,74,74; /* #4a4a4a */
	--white-rgb:255,255,255; /* #ffffff */
	color:rgb(var(--gray-rgb));
}

@import url('https://fonts.googleapis.com/css2?family=Noticia+Text:ital,wght@0,400;0,700;1,400;1,700&family=Questrial&display=swap');
*{padding:0; box-sizing:border-box; margin:0; font-family:'Noticia Text', serif; font-size:18px; font-weight:400; line-height:1.5; text-rendering:geometricPrecision; position:relative;}

/* BLANKET STYLES ================================================================================================================================================ */

/* Defaults */

.hideScrollbar{scrollbar-width:none; -ms-overflow-style:none;}
.hideScrollbar::-webkit-scrollbar{display:none;}

.show{display:block !important;}
.hidden{display:none !important;}

body.noscroll{overflow:hidden;}

.page-wrapper{overflow:hidden; display:flex; flex-direction:column; width:100%; min-height:100vh; z-index:2; transition:all 0.25s;}
.page-content{flex-grow:1; display:flex; flex-direction:column; float:left; width:100%; z-index:95;}

.flexible{flex-grow:1; display:flex; flex-direction:column; float:left; width:100%;}

section{display:flex; flex-direction:column; justify-content:center; align-items:center; float:left; width:100%;}
section:first-of-type{padding-top:0 !important;}
section.default{padding:40px 0 110px;}
section .main-text{float:left; width:100%; max-width:844px; margin-bottom:50px;}

.white-text,
.white-text *{color:rgb(var(--white-rgb));}

/* Background Colors */

.blue-bg + .blue-bg,
.secondary-bg + .secondary-bg,
.white-bg +.white-bg,
.gray-bg + .gray-bg,
.black-bg + .black-bg{padding-top:50px;}

/* Overlays */

.overlay{opacity:0.7; width:100%; position:absolute; top:0; bottom:0; z-index:1;}
.overlay-blue{background-color:rgb(var(--blue-rgb));}
.overlay-secondary{background-color:rgb(var(--dark_blue-rgb));}
.overlay-light{background-color:rgb(var(--white-rgb));}
.overlay-dark{background-color:rgb(var(--black-rgb));}

/* Modal */

.jquery-modal.blocker{padding:0; z-index:9999;}
.modal{overflow:hidden; width:initial; max-width:1016px; padding:0; margin:0 70px; background-color:rgb(var(--white-rgb)); border-radius:30px; box-shadow:none; z-index:99999;}
.modal.video-modal{width:1016px;}
.modal a.close-modal{top:10px; right:10px;}
.modal img{width:initial; max-width:100%; height:auto; max-height:90vh;}
.modal iframe{display:block; width:100%;}

@media screen and (max-width:1024px) {
	.modal{margin:0 50px;}
}

@media screen and (max-width:768px) {
	.modal{margin:0 35px;}
}

@media screen and (max-width:425px) {
	.modal{margin:0 20px;}
}

/* Slick Slider */

.slick-list{width:100%;}

.slick-arrow:before{color:rgb(var(--black-rgb)); font-family:'Font Awesome 5 Free'; font-weight:700; transition:all 0.25s;}
.slick-arrow:hover:before{transform:scale(1.1);}
.slick-prev{left:-20px;}
.slick-prev:before{content:'\f053';}
.slick-next{right:-20px;}
.slick-next:before{content:'\f054';}

/* Columns Shortcode (Plugin) */

.content-column{padding:0 10px; margin-bottom:30px;}

/* Non-Paragraph Text */

img{display:block; width:initial; max-width:100%; height:auto;}

hr{display:block; width:100%; max-width:500px; border:1px solid rgb(var(--black-rgb));}
.white-text hr{border:1px solid rgb(var(--white-rgb));}

strong, strong *, b, b *{font-family:inherit; font-size:inherit; font-weight:700 !important;}
em{font-family:inherit; font-style:italic;}

span{font-family:inherit; font-size:inherit; font-weight:inherit;}

a{color:rgb(var(--blue-rgb)); font-family:inherit; font-size:inherit; text-decoration:none; transition:all 0.25s;}
a:hover, a:focus, a:active{text-decoration:underline;}

iframe{max-width:100%;}

@media screen and (max-width:600px) {
	hr{max-width:275px;}
}

/* Paragraphs */

p{margin:30px 0;}
/* p a{text-decoration:underline;}
p a:hover{color:rgb(var(--blue-rgb));} */
p img{max-width:100%; height:auto;}
p img.alignright{float:right; margin:0 0 10px 10px;}
p img.alignleft{float:left; margin:0 10px 10px 0;}
p img.aligncenter{margin:20px auto;}
p + p{margin-top:-15px;}
p:first-child{margin-top:0;}
p:last-child{margin-bottom:0;}

img.alignleft{float:left; margin:15px 15px 15px 0;}
img.alignright{float:right; margin:15px 0 15px 15px;}
img.aligncenter{margin:15px auto;}

.wp-caption{max-width:100%;}
.wp-caption img{max-width:100%; height:auto; border-radius:30px;}
.wp-caption p{margin:15px 0; color:#707070;}
.wp-caption *{font-size:12px !important;}

@media screen and (max-width:600px) {
    p img{width:100%; margin:20px 0 !important;}
}

/* Headings */

h1, h2, h3, h4, h5, h6{width:100%; margin-bottom:10px; font-family:'Questrial', sans-serif; font-weight:500;}
h1 *, h2 *, h3 *, h4 *, h5 *, h6 *{color:inherit; font-family:inherit; font-size:inherit; font-weight:inherit; line-height:1;}
.white-text :is(h1, h2, h3, h4, h5, h6),
.white-text :is(h1, h2, h3, h4, h5, h6) *{color:rgb(var(--white-rgb));}

h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child{margin-bottom:0;}

h1{font-size:40px;}
h2{font-size:36px;}
h3{font-size:32px;}
h4{font-size:28px;}
h5{font-size:24px;}
h6{font-size:20px;}

h1 + h1, h1 + h2, h1 + h3, h1 + h4, h1 + h5, h1 + h6,
h2 + h1, h2 + h2, h2 + h3, h2 + h4, h2 + h5, h2 + h6,
h3 + h1, h3 + h2, h3 + h3, h3 + h4, h3 + h5, h3 + h6,
h4 + h1, h4 + h2, h4 + h3, h4 + h4, h4 + h5, h4 + h6,
h5 + h1, h5 + h2, h5 + h3, h5 + h4, h5 + h5, h5 + h6,
h6 + h1, h6 + h2, h6 + h3, h6 + h4, h6 + h5, h6 + h6{margin-top:30px;}

h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p,
h1 + ul, h2 + ul, h3 + ul, h4 + ul, h5 + ul, h6 + ul,
h1 + ol, h2 + ol, h3 + ol, h4 + ol, h5 + ol, h6 + ol,
h1 + blockquote, h2 + blockquote, h3 + blockquote, h4 + blockquote, h5 + blockquote, h6 + blockquote,
h1 + q, h2 + q, h3 + q, h4 + q, h5 + q, h6 + q,
h1 + table, h2 + table, h3 + table, h4 + table, h5 + table, h6 + table{margin-top:15px;}

@media screen and (max-width:600px) {
    h1{font-size:40px;}
    h2{font-size:36px;}
}

/* Lists */

ul, ol{width:100%; padding-left:40px; margin:30px 0;}
ul:first-child, ol:first-child{margin-top:0;}
ul:last-child, ol:last-child{margin-bottom:0;}

li{margin-bottom:5px;}
li:last-of-type{margin-bottom:0 !important;}

/* Nav */

nav ul{padding:0; margin:0; list-style:none;}
nav li{padding-left:0;}
nav li:before{display:none;}
nav a:hover, nav a:focus, nav a:active{text-decoration:none;}

/* Blockquote */

blockquote, q{display:flex; flex-direction:column; align-items:center; padding:50px 0; margin:30px calc(50% - 50vw) 0; background-color:rgb(var(--blue-rgb));}
blockquote *, q *{color:rgb(var(--white-rgb)) !important;}
blockquote .container, q .container{align-items:flex-start !important;}
blockquote .container > *:first-child:before, q .container > *:first-child:before{content:''; float:left; width:82px; height:65px; margin:10px 15px 0 0; background-image:url('./images/placeholder-quotes.png'); background-repeat:no-repeat; background-size:contain;}
blockquote:first-child, q:first-child{margin-top:0;}
blockquote:last-child, q:last-child{margin-bottom:0;}
blockquote sub, blockquote sub *, q sub, q sub *{float:left; font-size:20px !important; font-weight:400; font-style:normal;}

@media screen and (max-width:600px) {
	blockquote, q{padding:30px 0;}
	blockquote *, q *{font-size:24px;}
	blockquote .container > *:first-child:before, q .container > *:first-child:before{width:62px; height:49px; margin:7px 10px 0 0;}
	blockquote sub, blockquote sub *{font-size:16px !important;}
}

/* Tables */

table{width:100%; margin:30px 0;}
table:first-child{margin-top:0;}
table:last-child{margin-bottom:0;}
tr{background-color:rgb(var(--white-rgb));}
tr:nth-child(even){background-color:rgb(var(--gray-rgb));}
th{padding:10px 15px; background-color:rgb(var(--blue-rgb)); text-align:left; outline:1px solid rgb(var(--blue-rgb));}
th *{color:rgb(var(--white-rgb));}
td{padding:10px 15px; outline:1px solid rgb(var(--blue-rgb));}

/* Pagination */

.pagination{display:flex; flex-wrap:wrap; justify-content:center; float:left; width:100%; margin:0}
.pagination *{text-decoration:none !important;}
.page-numbers{overflow:hidden; display:flex !important; justify-content:center; align-items:center; width:32px; height:32px; margin:5px; color:rgb(var(--blue-rgb)); border:1px solid rgb(var(--blue-rgb)); font-size:12px; font-weight:700; text-align:center; white-space:nowrap; border-radius:32px; transition:all 0.25s;}
.page-numbers:first-child{margin-left:0;}
.page-numbers:hover,
.page-numbers.current{color:rgb(var(--white-rgb)); background-color:rgb(var(--blue-rgb));}
.page-numbers.next,
.page-numbers.prev{width:initial; padding:0 12px; letter-spacing:2.4px;}

/* Buttons */

.btn a, a.btn, .pseudo-btn,
.btn input[type=submit], input[type=submit].btn{display:block; float:left !important; min-width:224px; padding:14px 56px !important; font-size:16px; font-weight:500; line-height:1; text-align:center; text-decoration:none !important; background:none; border:1px solid; border-radius:30px; transition:all 0.25s;}
.btn a:hover, a.btn:hover, .pseudo-btn:hover,
.btn input[type=submit]:hover, input[type=submit].btn:hover{cursor:pointer;}

.transparent-btn a, a.transparent-btn, .pseudo-btn.transparent-btn,
.transparent-btn input[type=submit], input[type=submit].transparent-btn{color:rgb(var(--blue-rgb)) !important; border-color:rgb(var(--blue-rgb));}
.transparent-btn a:hover, a.transparent-btn:hover, .pseudo-btn.transparent-btn:hover,
.transparent-btn input[type=submit]:hover, input[type=submit].transparent-btn:hover{color:rgb(var(--white-rgb)) !important; background-color:rgb(var(--blue-rgb));}

.white-text .transparent-btn a, .white-text a.transparent-btn, .white-text .pseudo-btn.transparent-btn,
.white-text .transparent-btn input[type=submit], .white-text input[type=submit].transparent-btn{color:rgb(var(--white-rgb)) !important; border-color:rgb(var(--white-rgb));}
.white-text .transparent-btn a:hover, .white-text a.transparent-btn:hover, .white-text .pseudo-btn.transparent-btn:hover,
.white-text .transparent-btn input[type=submit]:hover, .white-text input[type=submit].transparent-btn:hover{color:rgb(var(--blue-rgb)) !important; background-color:rgb(var(--white-rgb));}

@media screen and (max-width:600px) {
	.btn a, a.btn, .pseudo-btn,
	.btn input[type=submit], input[type=submit].btn{padding:15px 30px !important; font-size:16px;}
}

@media screen and (max-width:480px) {
	.btn a, a.btn, .pseudo-btn,
	.btn input[type=submit], input[type=submit].btn{width:100%;}
}

/* Button Shortcode ========================================== */
span.btnshrtcd{display:inline-block; padding:15px;}

@media screen and (max-width:480px) {
	span.btnshrtcd{float:left; width:100%; margin-right:0;}
	span.btnshrtcd a{width:100%;}
}

/* Containers */

.container{width:100%; max-width:1080px; padding:0 50px; margin:0 auto; z-index:2;}
.container.medium{max-width:924px;}
.container.small{max-width:768px;}

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

@media screen and (max-width:425px) {
	.container{padding:0 20px;}
}

/* Forms ========================================== */

form{display:flex; flex-wrap:wrap; justify-content:space-between; float:left; width:calc(100% + 16px); margin-left:-16px;}
.form-column{flex-grow:1; display:flex; flex-direction:column; width:50%; min-width:273px; padding-left:16px;}
.form-item{flex-grow:1; float:left; width:100%; min-width:232px; padding-left:16px; margin-bottom:20px;}
.form-column .form-item{padding:0;}
.form-item.form-half{width:50%;}
.form-item.form-third{width:33.33%;}
.form-item.form-quarter{width:25%;}
.form-item.select:after{content:'\f078'; font-family:'Font Awesome 5 Free'; font-weight:700; color:rgb(var(--black-rgb)) !important; position:absolute; top:15px; right:15px; z-index:1;}
.form-text{float:left; width:100%; margin-bottom:10px;}
.form-input{float:left; width:100%;}
.form-input input,
.form-input select{float:left; width:100%; height:45px; padding:0 10px; background-color:rgb(var(--white-rgb)); font-size:16px; border:none; border:1px solid rgb(var(--black-rgb)); border-radius:7px;}
.form-input textarea{float:left; width:100%; height:110px; padding:8px 10px; background-color:rgb(var(--white-rgb)); font-size:16px; border:none; border:1px solid rgb(var(--black-rgb)); border-radius:7px;}

.form-input .wpcf7-list-item{margin:0 20px 0 0;}
.form-input .wpcf7-list-item.last{margin:0;}
.form-input .wpcf7-list-item label{display:flex;}
.form-input .wpcf7-list-item input{width:15px; height:17px; margin:5px 10px 0 0;}
.form-input .wpcf7-list-item span{font-size:14px;}
.form-input .wpcf7-acceptance .wpcf7-list-item{margin-left:0;}

.form-submit{padding-left:45px; margin-left:auto; text-align:center;}
.form-submit span.wpcf7-spinner{margin:0; position:absolute; top:11px; right:calc(100% + 5px);}

.form-input input::-webkit-input-placeholder{color:rgb(var(--black-rgb));}
.form-input input::-moz-placeholder{color:rgb(var(--black-rgb));}
.form-input input:-ms-input-placeholder{color:rgb(var(--black-rgb));}
.form-input input:-moz-placeholder{color:rgb(var(--black-rgb));}
.form-input textarea::-webkit-input-placeholder{color:rgb(var(--black-rgb));}
.form-input textarea::-moz-placeholder{color:rgb(var(--black-rgb));}
.form-input textarea:-ms-input-placeholder{color:rgb(var(--black-rgb));}
.form-input textarea:-moz-placeholder{color:rgb(var(--black-rgb));}

.white-text .form-input input,
.white-text .form-input select,
.white-text .form-input textarea{border:1px solid rgb(var(--white-rgb));}
.white-text .form-input input::-webkit-input-placeholder{color:rgb(var(--white-rgb));}
.white-text .form-input input::-moz-placeholder{color:rgb(var(--white-rgb));}
.white-text .form-input input:-ms-input-placeholder{color:rgb(var(--white-rgb));}
.white-text .form-input input:-moz-placeholder{color:rgb(var(--white-rgb));}
.white-text .form-input textarea::-webkit-input-placeholder{color:rgb(var(--white-rgb));}
.white-text .form-input textarea::-moz-placeholder{color:rgb(var(--white-rgb));}
.white-text .form-input textarea:-ms-input-placeholder{color:rgb(var(--white-rgb));}
.white-text .form-input textarea:-moz-placeholder{color:rgb(var(--white-rgb));}

/* CF7 Form Validation ========================================== */

.wpcf7-not-valid-tip{display:none !important;}
form.invalid .wpcf7-not-valid{float:left; color:rgb(var(--black-rgb)); border:1px solid red !important; background:#f0e3e3 !important; border-radius:7px;}
form.invalid .wpcf7-not-valid .wpcf7-list-item-label{color:rgb(var(--black-rgb));}
.wpcf7-response-output.wpcf7-mail-sent-ok,
.wpcf7-response-output.wpcf7-validation-errors{float:left; width:100%; padding:10px 0; margin:20px 0; text-align:center; border-radius:7px;}
div.wpcf7-response-output{float:left; width:100%; padding:0; margin:0; text-align:center; border-radius:7px;}
div.wpcf7-mail-sent-ng{float:left; width:100%; margin-left:0 !important; margin-right:0 !important; text-align:center; border-radius:7px;}

form input[type=submit]:disabled{opacity:0.5;}
form input[type=submit]:disabled:hover{cursor:not-allowed;}

form.invalid input.wpcf7-not-valid::-webkit-input-placeholder{color:rgb(var(--black-rgb));}
form.invalid input.wpcf7-not-valid::-moz-placeholder{color:rgb(var(--black-rgb));}
form.invalid input.wpcf7-not-valid:-ms-input-placeholder{color:rgb(var(--black-rgb));}
form.invalid input.wpcf7-not-valid:-moz-placeholder{color:rgb(var(--black-rgb));}
form.invalid textarea.wpcf7-not-valid::-webkit-input-placeholder{color:rgb(var(--black-rgb));}
form.invalid textarea.wpcf7-not-valid::-moz-placeholder{color:rgb(var(--black-rgb));}
form.invalid textarea.wpcf7-not-valid:-ms-input-placeholder{color:rgb(var(--black-rgb));}
form.invalid textarea.wpcf7-not-valid:-moz-placeholder{color:rgb(var(--black-rgb));}

/* CF7 Recaptcha ========================================== */

.grecaptcha-badge{z-index:2;}

/* CUSTOM STYLES ================================================================================================================================================= */

/* Header ========================================== */

header{display:flex; align-items:center; float:left; width:100%; padding:25px 0; z-index:100;}
header .container{display:flex; justify-content:center; align-items:center; z-index:999;}
header .menu-icon{display:flex; justify-content:center; align-items:center; width:60px; height:60px; padding:5px; border:2px solid rgb(var(--blue-rgb)); border-radius:30px; transition:all 0.25s;}
header .menu-icon:hover{cursor:pointer; background-color:rgb(var(--blue-rgb));}
header .menu-icon svg{width:100%; height:auto; fill:rgb(var(--blue-rgb)); transition:all 0.25s;}
header .menu-icon:hover svg{fill:rgb(var(--white-rgb));}

header nav.menu{display:none; flex-direction:column; align-items:center; padding:25px 50px; background-color:rgb(var(--blue-rgb),0.95); position:fixed; inset:0;}
header nav.menu.visible{display:flex;}
header nav.menu ul{overflow-y:scroll; display:flex; flex-direction:column; height:calc(100vh - 85px); padding-bottom:25px;}
header nav.menu li{margin:0;}
header nav.menu a{display:inline-block; width:100%; margin-top:20px; color:rgb(var(--gray-rgb)); font-size:40px; text-align:center;}
header nav.menu .current-menu-item a{color:rgb(var(--black-rgb));}
header nav.menu .menu-icon{flex:0 0 60px; padding:0; border:2px solid rgb(var(--white-rgb));}
header nav.menu .menu-icon:hover{background-color:rgb(var(--white-rgb));}
header nav.menu .menu-icon svg{width:40%; fill:rgb(var(--white-rgb));}
header nav.menu .menu-icon:hover svg{fill:rgb(var(--blue-rgb)); transform:rotate(90deg);}

@media screen and (max-width:768px) {
	header nav.menu{padding:25px 35px;}
}

@media screen and (max-width:425px) {
	header nav.menu{padding:25px 20px;}
}

/* Footer ========================================== */

footer{float:left; width:100%; padding:25px; background-color:rgb(var(--blue-rgb),0.5); z-index:90;}
footer .container{display:flex; justify-content:flex-end;}
footer .footer-text *{color:rgb(var(--white-rgb));}

@media screen and (max-width:600px) {
	footer .container{justify-content:center;}
}

/* Z-Pattern ========================================== */

section.z-pattern{padding:50px 0;}
section.z-pattern + section.z-pattern{padding-top:0; margin-top:-20px;}
section.z-pattern .container{display:flex; flex-wrap:wrap; justify-content:center;}
section.z-pattern .container.content-align-top{align-items:flex-start;}
section.z-pattern .container.content-align-center{align-items:center;}
section.z-pattern .container.content-align-bottom{align-items:flex-end;}
section.z-pattern .text-half{width:52.5%; padding:50px; background-color:rgb(var(--white-rgb),0.34); backdrop-filter:blur(25px); z-index:2;}
section.z-pattern .media-half{width:62.5%;}
section.z-pattern .media-half img{display:block; float:left; width:100%; height:auto;}

section.z-pattern .section-thumbnail{display:flex; justify-content:center; align-items:center; float:left; width:100%;}
section.z-pattern .section-thumbnail img.play-button{width:20%; height:auto; position:absolute; z-index:2; transition:all 0.25s;}
section.z-pattern .section-thumbnail:hover img.play-button{transform:scale(1.1);}
section.z-pattern .section-thumbnail .overlay{opacity:0; background-color:rgb(var(--black-rgb)); border-radius:30px; transition:all 0.25s;}
section.z-pattern .section-thumbnail:hover .overlay{opacity:0.25;}

section.z-pattern .textfirst .text-half{order:1; margin-right:-2.5%;}
section.z-pattern .mediafirst .media-half{order:1; margin-right:-12.5%;}
section.z-pattern .mediafirst .text-half{order:2; margin-left:-2.5%;}
section.z-pattern .textfirst .media-half{order:2; margin-left:-12.5%;}

@media screen and (max-width:951px) {
	section.z-pattern + section.z-pattern{margin-top:0;}
	section.z-pattern .container{flex-direction:column; align-items:center !important;}
	section.z-pattern .section-half{width:100% !important; min-width:initial; max-width:530px; margin:0 !important;}
	section.z-pattern .text-half{padding:20px;}
	section.z-pattern .media-half{margin-bottom:20px !important;}
	section.z-pattern .textfirst .media-half{order:1;}
	section.z-pattern .textfirst .text-half{order:2;}
}

/* Text Section ========================================== */

section.text-section{padding:50px 0;}
section.text-section.blue-bg{color:rgb(var(--white-rgb)); background-color:rgb(var(--dark_blue-rgb),0.5);}

/* Banner ========================================== */

section.banner{padding:50px 0;}
section.banner .section-block{display:flex; flex-direction:column; float:left; width:100%;}
section.banner .section-image{display:flex; justify-content:center; align-items:center; width:100%; height:300px;}
section.banner .section-image-inner{opacity:0.33; background-repeat:no-repeat; background-size:cover; background-position:center; position:absolute; inset:0;}
section.banner .section-title{width:initial; padding:20px 60px; color:rgb(var(--blue-rgb)); background-color:rgb(var(--white-rgb),0.4); font-family:'Noticia Text', serif; font-size:50px; backdrop-filter:blur(25px);}
section.banner .section-text{width:100%; margin:20px 0 -30px; overflow-wrap:break-word; word-break:break-word;}
section.banner .section-text > p:empty,
section.banner .section-text > br{display:none;}