/*
Theme Name: Paraclete2026
Author: We Are Factory
Author URI: https://www.wearefactory.net/
Version: 2.0
*/

/*-----------------------------------------------------------------------------------

	= Table of Contents



	1. = Fonts

	2. = Body, Typography and some main Elements

	4. = Header styling

	5. = Navigation styling

	6. = Footer styling

	7. = Sidebar styling

	8. = Home Page styling

	9. = Works Page styling

	10.= Schools Page styling

	11.= News Page and News Detail page styling

	12.= Diary Page styling

	13.= Library Page styling	

	14.= Network Page styling	

	15.= Contact Page styling	

	16.= Meal Page styling

	

	

/*-----------------------------------------------------------------------------------*/

/* 1. = Fonts

/*-----------------------------------------------------------------------------------*/



/*-----------------------------------------------------------------------------------*/

/* 1. = variables

/*-----------------------------------------------------------------------------------*/


:root {
	--highlight: #3BADD6;
	--dark: #131313;
}


/*-----------------------------------------------------------------------------------*/

/* 2. = Body, Typography and some main Elements

/*-----------------------------------------------------------------------------------*/

html {font-size:62.5%; scroll-behavior: smooth; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body {font-family: archivo, sans-serif; font-weight: 400; font-size:1.8em; line-height:1.6; font-style:normal; background-color:var(--dark); color:#fff; margin:0;}

h1, h2, h3, h4, h5, h6 { margin-top:0rem; margin-bottom: 1rem; font-weight: 700; position: relative;line-height: 1.1;}

h1 { font-size: 4rem; margin-bottom:0; }
h2 { font-size: 2.8rem; color:var(--highlight); }
h3 { font-size: 2.4rem;  }
h4 { font-size: 2rem;}
h5 { font-size: 2rem; font-weight:400;  }
h6 { font-size: 1.6rem;  }

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {color: var(--l-red)}


h4 {position: relative; margin: 0 0 40px 0;}
h4::after {content:""; display:block; width:60px; height:1px; background-color:#fff; position:absolute; bottom: -15px; left:0;}



p { margin-top: 0; font-size:1.6rem; line-height: 1.8;}

ul {list-style:"+  "; margin-bottom: 3rem;}



li {font-size:1.6rem; margin-bottom: 10px;}

nav ul {list-style: none; margin:0 0 1rem 0; padding: 0;}

nav ul li {margin:0 0 1rem 0;}

strong {font-weight: 600;}

/* Larger than phablet */
@media (min-width: 550px) {
	
}

/* Larger than tablet */
@media (min-width: 1000px) {

	
}

/* Larger than Desktop HD */
@media (min-width: 1200px) {
	
	p { margin-top: 0; font-size:1.8rem }
	
	li {font-size:1.8rem; margin-bottom: 10px;}
	
	h1 { font-size: 5rem;  }
	h2 { font-size: 3.5rem;   }
	h3 { font-size: 2.5rem;  }
	h4 { font-size: 2.4rem;}
	h5 { font-size: 2.4rem;  }
	h6 { font-size: 1.6rem; }
	
}

/* Larger than Desktop HD */
@media (min-width: 1400px) {
	
	p { margin-top: 0; font-size:1.8rem }
	
	li {font-size:1.8rem; margin-bottom: 10px;}
	
	h1 { font-size: 8rem;  }
	h2 { font-size: 5rem;   }
	h3 { font-size: 3.5rem;  }
	h4 { font-size: 2.4rem;}
	h5 { font-size: 2.4rem;  }
	h6 { font-size: 1.6rem; }
	
}


/*-----------------------------------------------------------------------------------*/

/* 2. = Styles

/*-----------------------------------------------------------------------------------*/

.wp-block-group, .group {width:94%;}

.wp-block-group.has-background, .group.has-background {padding:3rem; margin: 3rem auto;}

main {position: relative; max-width:1400px; width:100%; height:100vh; background-image: url(assets/images/interface/dpag-bg.webp); background-size: 1400px auto; background-position: right top; background-repeat: no-repeat;  margin-left: auto; margin-right: auto; box-sizing: border-box; border-left:1px solid #fff; border-right:1px solid #fff;}

.container {position: relative; max-width:1400px; width:94%; margin-left: auto; margin-right: auto; box-sizing: border-box; }

a { transition:0.3s all; text-decoration: none; color:var(--l-red); font-weight: 400; border-bottom:solid 1px transparent;}

a:hover {border-color:var(--purple);}

hr.wp-block-separator {width:100%; border:none; border-top:1px solid var(--highlight); 	margin: 3.5rem 0;}

.blocklink {position:absolute; top:0; left:0; width:100%; height:100%; z-index:9999; border: none;}

.contain-link {display:block;}

.blocklink:hover {border:0;}

.blockimage {background-size:cover; background-position: center; position:absolute; top:0; left:0; width:100%; height:100%; z-index: 999;}

.space {margin:11%;}

.aligncenter {text-align:center;}

.no-margin {margin:0;}

.title-alt {font-size:40px !important;}

.feature-button figure {float: none !important; display:block!important; text-align: center;}

.link {color:var(--gold); border-bottom:3px solid var(--gold);}

.rounded {border-radius:15px; overflow: hidden;}

.shadow {box-shadow:0 3px 10px 0 rgba(0,0,0,0.15);}

.narrow {width:94%; margin-left: auto; margin-right: auto;}

.overlay {position:absolute; width:100%; height:60%; left:0; bottom:0; background:linear-gradient(to top, rgba(0,0,0,0.9), rgba(0,0,0,0))}




.content-wrapper {padding:5%;}

.flex {display: flex; flex-flow: row wrap; align-items:stretch; justify-content:left; gap:2%;}

.flex-title-break {flex:0 0 100%;}

.f-align-base {align-self: flex-end}

.f-align-top {align-self: flex-start;}


.padding-wrapper {padding:2%;}

.align-middle {align-self:center;}

.align-right {text-align:right;}

.alignfull {max-width:none; width:100%;}



.is-style-text-subtitle {font-family: georgia, serif; font-style: italic; color:var(--highlight); font-size:25px;}



/* ********************** COLUMNS ******************************* */

.columns {align-items:stretch; align-content:stretch; justify-content: space-between; gap:4%;}

.columns .column-50 {flex:1 1 48%;}

.columns .column-25 {flex:1 1 22%;}

.columns .column-4 {flex:1 1 30%;}

.columns .column-5 {flex:1 1 36%;}

.columns .column-7 {flex:1 1 60%;}

.columns .column-split {columns: 2;}



/* Larger than mobile */
@media (min-width: 400px) {}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {
	
	
	
}

/* Larger than tablet */
@media (min-width: 750px) {
	
	.feature-button figure {display:inherit; text-align:inherit;}
	
	.title-alt {font-size:110px !important;}
	
	main {margin-top:162px;}
	
	.home main {margin-top:0px;}
	
	
	.has-text-align-right {text-align:right;}
	
	.has-text-align-left {text-align:left;}
	
	.wp-block-group.has-background, .group.has-background  {padding:6rem; margin: 6rem auto;}
	
	.txt-large {font-size:6rem; line-height: 1;}
	
}


/* Larger than desktop */
@media (min-width: 1000px) {
	
	.narrow {width:70%;}
	
}

/* Larger than Desktop HD */
@media (min-width: 1200px) {
	
	body .is-layout-constrained > .alignwide, .alignwide {max-width:1400px; margin: 0 auto;}
	
	

	
}

/* Larger than Desktop HD */
@media (min-width: 1400px) {
	
	main {position: relative; max-width:1400px; width:94%; height:100vh; background-image: url(assets/images/interface/dpag-bg.webp); background-size:100% auto; background-position: right top; background-repeat: no-repeat;  margin-left: auto; margin-right: auto; box-sizing: border-box; }
	
	.wp-block-group, .group {width:100%;}

	.container {width:100%;}
	
	.narrow {width:70%;}
	
}

/*-----------------------------------------------------------------------------------*/

/* 3. = Header

/*-----------------------------------------------------------------------------------*/

#site-header {position:absolute; max-width:1400px; width:100%; left: 0px;}

#site-header .logo {position:absolute; top:30px; right:30px; height:120px; width:105px; z-index: 9;}

#site-header .logo img {object-fit: contain; width:100%; height:100%;}


/* Larger than mobile */
@media (min-width: 400px) {}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {}

/* Larger than tablet */
@media (min-width: 750px) {
	
	

}

/* Larger than desktop */
@media (min-width: 1000px) {
	
	
	
}

/* Larger than Desktop HD */
@media (min-width: 1200px) {
	
	#page-hero .hero-title {margin:5rem 0;}
	
}

/* Larger than Desktop HD */
@media (min-width: 1400px) {
	
   #site-header {position:absolute; max-width:1400px; width:94%; left: calc(50% - (1400px/2));}
	
}

/*-----------------------------------------------------------------------------------*/

/* 4. = Footer

/*-----------------------------------------------------------------------------------*/

footer {padding:20px 3% 5vh 3%; font-size:14px;}




/* Larger than mobile */
@media (min-width: 400px) {}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {}

/* Larger than tablet */
@media (min-width: 750px) {
	
	

	
}

/* Larger than desktop */
@media (min-width: 1000px) {
	
  
	
}

/* Larger than Desktop HD */
@media (min-width: 1200px) {
	
   
	
}



/*-----------------------------------------------------------------------------------*/

/* 4. = Blocks

/*-----------------------------------------------------------------------------------*/



.wp-block-group {margin:3rem auto; position:relative;}

.wp-block-group .wp-block-group, .wp-block-column .wp-block-group{margin:0 auto;}

.wp-block-columns.reverse {flex-flow:column-reverse;}

.has-background {padding: 3rem;}

.no-gap {gap:0;}

.wp-block-column.has-background .wp-block-group {margin: 5rem auto;}

.wp-block-cover, .wp-block-cover-image {height:100%; padding: 3rem;}

.wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container, .wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container {width:100%;}

.wp-block-image {width:100%;}





/* Larger than mobile */
@media (min-width: 400px) {}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {}

/* Larger than tablet */
@media (min-width: 750px) {
	
	.wp-block-columns.reverse {flex-flow:row;}
	
	.wp-block-group {margin:6rem auto;}
	
	.has-background {padding: 6rem;}
	
	
	
}

/* Larger than desktop */
@media (min-width: 1000px) {
	
	
	
	
}

/* Larger than Desktop HD */
@media (min-width: 1200px) {
	

	
}


/*-----------------------------------------------------------------------------------*/

/* 4. = Home Page

/*-----------------------------------------------------------------------------------*/

#page-content {padding:5vh 3% 5vh 3%;}

/* Larger than mobile */
@media (min-width: 400px) {}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {

}

/* Larger than tablet */
@media (min-width: 750px) {
	

	
}

/* Larger than desktop */
@media (min-width: 1000px) {
	


	
}

/* Larger than Desktop HD */
@media (min-width: 1400px) {
	

	
}

/*-----------------------------------------------------------------------------------*/

/* 4. = Navigation

/*-----------------------------------------------------------------------------------*/




/* Larger than mobile */
@media (min-width: 400px) {}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {}

/* Larger than tablet */
@media (min-width: 750px) {
	

}

/* Larger than desktop */
@media (min-width: 1000px) {

	

}

/* Larger than Desktop HD */
@media (min-width: 1200px) {
	
   
	
}



/*-----------------------------------------------------------------------------------*/

/* 4. = Forms

/*-----------------------------------------------------------------------------------*/

/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */


.button, button, .wp-block-button a, input[type="submit"], input[type="reset"], input[type="button"] {
  display: inline-block;
  background:var(--highlight);
  border: none;
  height: 46px;
  padding: 0 40px 0 10px;
  color: #fff;
  text-align: left;
  font-size:26px;
  font-weight: 700;
  line-height: 46px;
  text-transform: none;
  text-decoration: none;
  white-space: nowrap;
  border-radius: 5px;
  cursor: pointer;
  box-sizing: border-box; 
  transition: all 0.3s ease-in;
}

.button:hover, button:hover, .wp-block-button a:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .button:focus, button:focus, input[type="submit"]:focus, input[type="reset"]:focus, input[type="button"]:focus {
  outline: 0; 
}





/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */

form.on-page-form {width:80%; margin: 0 auto;}

form.on-page-form p {flex:1 1 100%;}

input[type="email"],input[type="date"],input[type="number"],input[type="search"],input[type="text"],input[type="tel"],input[type="url"],input[type="password"],textarea, select {
  position:relative;
  color:#222;
  font-size:1.6rem;
  font-weight:400;
  padding: 15px 20px; /* The 6px vertically centers text on FF, ignored by Webkit */
  background-color: #fff !important;
  border:2px solid var(--yellow);
  width:100%;
  border-radius: 5px;
  box-shadow: 0 3px 5px 0 rgba(0,0,0,0.1);
  box-sizing: border-box; 
  margin: 0 0 20px 0;
}

select { padding: 11px 15px;}

textarea {border-radius:0;} 

input[type="email"],input[type="number"],input[type="search"],input[type="text"],input[type="tel"],input[type="url"],input[type="password"],textarea {
  -webkit-appearance: none;
	 -moz-appearance: none;
		  appearance: none; }/* Removes awkward default styles on some inputs for iOS */

textarea {
	min-height: 65px;
 padding-top: 6px;
  padding-bottom: 6px; }

input[type="email"]:focus,input[type="number"]:focus,input[type="search"]:focus,input[type="text"]:focus,input[type="tel"]:focus,input[type="url"]:focus,input[type="password"]:focus,textarea:focus,select:focus {
  outline: 0; }

label,legend {
  display: block;
  margin-bottom: 1rem;
  font-weight: 400;
text-transform: uppercase;
font-size:1.6rem;}

fieldset {
  padding: 0;
  border-width: 0; }

input[type="checkbox"], input[type="radio"] {
  display: inline; }

label > .label-body {
  display: inline-block;
  margin-left: .5rem;
  font-weight: 200; }


select{-webkit-appearance: none; -moz-appearence: none; }


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ccc;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #ccc;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #ccc;
}
:-moz-placeholder { /* Firefox 18- */
  color: #ccc;
}

.feature-form {}


.swpm-login-widget-form {text-align: center;}


/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {
	
	
	
}

/* Larger than tablet */
@media (min-width: 750px) {
	
	form.on-page-form { width:100%;}

	form.on-page-form p {flex:1 1 30%;}
	input[type="email"],input[type="date"],input[type="number"],input[type="search"],input[type="text"],input[type="tel"],input[type="url"],input[type="password"],textarea, select {font-size: 1.8rem;}

	
}

/* Larger than desktop */
@media (min-width: 1000px) {
	
	input[type="email"],input[type="date"],input[type="number"],input[type="search"],input[type="text"],input[type="tel"],input[type="url"],input[type="password"],textarea, select {font-size: 2rem;}
	
}

/* Larger than Desktop HD */
@media (min-width: 1200px) {

}

/* Larger than Desktop HD */
@media (min-width: 1500px) {
	
}