/*
Theme Name: Trinity26
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 {
	--red: #700E0F;
	--l-red: #DD1515;
	--blue: #107896;
	--violet: #5E347D;
	--dark: #252525;
	
	--red-grad-right: linear-gradient(to right, var(--red), var(--l-red)); /* define gradient variable */
	--red-grad-down: linear-gradient(to bottom, var(--red), var(--l-red)); /* define gradient variable */
	--trinity-bright-grd: linear-gradient(180deg, #EE4D02 0%, var(--l-red) 100%);
	--trinity-sixth-grd: linear-gradient(180deg, var(--violet) 0%, var(--blue) 100%);
	--blue-grad-parents: linear-gradient(93deg, #0E4170 0%, #0C78DD 97.47%);
	--blue-grad: linear-gradient(to right, var(--violet), var(--blue)); /* define gradient variable */

}


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

/* 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:"brother-1816", sans-serif; font-weight: 400; font-size:1.8em; line-height:1.6; font-style:normal; background-color:#fff; color:var(--dark); margin:0; scroll-behavior: smooth;}

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

h1 { font-size: 2.5rem;  }
h2 { font-size: 2.8rem;   }
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: disc; 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;}

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

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

/* Larger than tablet */
@media (min-width: 750px) {
	
	h1 { font-size: 3.5rem;  }
	h2 { font-size: 2.5rem;   }
	h3 { font-size: 2.0rem;  }
	h4 { font-size: 2.4rem;}
	h5 { font-size: 2.4rem;  }
	h6 { font-size: 1.6rem; }
	
}

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

	h1, h2, h3, h4, h5, h6 { margin-bottom: 2rem;}
	
}

/* Larger than Desktop HD */
@media (min-width: 1200px) {
	
	h1 { font-size: 3rem;  }
	h2 { font-size: 3rem;   }
	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) {
	
	h1, h2, h3, h4, h5, h6 { margin-bottom: 3rem;}
	
	p { margin-top: 0; font-size:1.8rem }
	
	li {font-size:1.8rem; margin-bottom: 10px;}
	
	h1 { font-size: 5rem;  }
	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;}

.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:inherit;}

hr {width:100%; border-top:1px solid white; 	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; display: flex; justify-content: 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))}

a.no-decoration {border-color:transparent;}


.content-wrapper {padding:2%;}

.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%;}

.mobile {display:block;} .desktop {display:none;}

.hidden-menu-item {display:block;}



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

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

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

.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 100%;}

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


.ghostkit-list-columns-3 {columns: 3;}

.ghostkit-list-columns-2 {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) {
	
	.mobile {display:none;} .desktop {display:block;}
	
	/* ********************** COLUMNS ******************************* */
	
	.columns .column-50 {flex:1 1 48%;}
	
	.columns .column-7 {flex:1 1 60%;}
	
	
	
	.feature-button figure {display:inherit; text-align:inherit;}
	
	.title-alt {font-size:110px !important;}
	
	
	
	
	.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) {
	
	.wp-block-group, .group {width:100%;}

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

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

/* 3. = Header

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

header.site-header {position: fixed; height:100px; top:0; width: 100%; background-color:#fff;  color:var(--dark); z-index: 99999; transition:0.5s all;  }

a.anchor {
	display: block;
	position: relative;
	top: -100px;
	visibility: hidden;
}

main {margin-top:100px}

.home main {margin-top:0px;}

.home header.site-header {background-color:transparent;}

.home header .logo img {filter: invert(100%) brightness(2); }

.header-wrapper {height:100%; display:flex; flex-flow:row; justify-content: space-between; align-content: center; align-items: center;}

.header-wrapper .logo { position: relative; height:70%; padding: 0 20px;}

.header-wrapper .logo img {height:100%; width:auto; transition: all 1s ease-out; margin-right:30px;}

.header-wrapper .logo .logo-40 {display:none;}

.header-wrapper .logo .blk-logo {flex-flow:row; gap:20px; position:relative;}

.header-wrapper .main-menu {flex-flow:row; padding: 0 20px; gap:5px;}

.site-header.scroll-down {box-shadow:0 6px 10px rgba(0,0,0,0.2); height:90px; background-color:#fff !important;}

.home header.site-header.scroll-down .logo img {filter: initial;}

.site-header.scroll-down .logo  {height:70%;}

.site-header.scroll-up .logo img {}

.site-header a:hover {border-color:transparent;}


.home .site-header nav.main-menu {padding:0 20px; flex-flow:row; gap:5px; filter: invert(100%) brightness(2);}

.home .site-header.scroll-down nav.main-menu {filter: initial;}

.site-header .nav-button {position: relative; display:flex; width:50px; height:50px; justify-content: center; align-items: center; align-content: center; border: 1px solid var(--red); border-radius: 99px; transform:scale(0.8);}

.site-header .nav-button.menu-wrapper {cursor:pointer;}

/* Hero Section on landing page */

#page-hero {width:100%; margin: 0 auto;}

#page-hero .hero-wrapper {max-width: 89%; margin: -85px auto 0 auto;}


#page-hero .hero-info  {background:var(--red-grad-right); color:#fff; margin:3rem 0 0 0; display: flex; flex-flow:column; padding:2rem; width:100%; transition: all 0.3s ease-in-out;}

#page-hero .hero-image {position:relative; background-position:center; background-size:cover; height:40vh; z-index: -1;}

#page-hero .parent {font-weight:700; text-transform: uppercase; margin: 0; font-size: 1.2rem;}

#page-hero .hero-title {margin:2rem 0; width:90%; position: relative;}

#page-hero .hero-title .expander {position: absolute; left:100%; top:50%; transform: translateY(-50%) rotate(0); transition:all 0.5s; display: block; width:30px; height:30px; background:url(assets/images/interface/title-expander.png); background-size: contain; background-repeat: no-repeat; background-position: center;}

#page-hero .hero-title .expander.inactive {transform:translateY(-50%) rotate(-90deg);}

#page-hero .hero-menu {margin:0rem 0; display: none;}

#page-hero .hero-cta {margin-top:auto;}


#page-hero.hero-min .hero-wrapper {max-width: 97%; margin: 0 0 0 auto; background:var(--red-grad-right); border-radius: 15px 0 0 15px; margin-bottom:2rem;}

#page-hero.hero-min .hero-info { background:none; width:97vw; max-width:calc(0.97 * 1400px); max-height: 340px; padding:2rem; border-radius:0;}




/* 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) {
	
	
	
	a.anchor {
		display: block;
		position: relative;
		top: -160px;
		visibility: hidden;
	}
	
	#page-hero .hero-info { width: calc(33vw); max-width: calc(0.6 * 1400px); padding:4rem;  margin:3rem 0;}
	
	.header-wrapper .logo .logo-40 {display:inline-block;}
	
	#page-hero {width:100%; margin: 0 auto;}
	
	#page-hero .hero-title {margin:3rem 0;}
	
	#page-hero .hero-image {position:absolute; right:0; width: 55%; background-position:center; background-size:cover; height:100%; z-index: -1;}
	
	#page-hero .hero-menu {display: block;}
	
	#page-hero .hero-wrapper {max-width: 80%; margin: 0 auto 0 auto;}
	
	#page-hero .parent { font-size: 1.6rem;}
	
	#page-hero .hero-title .expander {left:110%;}
	
	

}

/* Larger than desktop */
@media (min-width: 1000px) {
	
	header.site-header {position: fixed; height:110px;}
	
	main {margin-top:110px;}
	
}

/* Larger than Desktop HD */
@media (min-width: 1200px) {
	
	#page-hero .hero-title {margin:3rem 0;}
	
	.site-header .nav-button {width:60px; height:60px; transform:scale(1);}
}

/* Larger than Desktop HD */
@media (min-width: 1400px) {
	
	#page-hero .hero-title .expander {display:none; }
	
	#page-hero .hero-title {margin:5rem 0;}
	
	#page-hero.hero-min .hero-wrapper {max-width: 90vw; min-height: 250px; margin: 0 0 0 auto; justify-content: flex-start; margin-bottom:4rem}
	
    #page-hero.hero-min .hero-info {width:90vw; height: unset; max-width:calc(0.9 * 1400px);  padding:4rem;}

	.header-wrapper .main-menu { padding: 0 20px; gap:15px;}
}

/* Larger than Desktop HD */
@media (min-width: 1600px) {
	
	header.site-header {position: fixed; height:160px;}
	
	main {margin-top:162px;}
	
	.header-wrapper .logo { height:60%;}
	
}

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

/* 4. = Footer

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

footer {background:var(--red-grad-down); color:#fff; font-weight:200; padding:2rem 0;}



footer, footer p, footer li {font-size:15px;}

footer a {color:#fff;}

footer a:hover {color:inherit; border-bottom:1px solid #fff;}

footer  .footer-site-info {align-items: baseline; justify-content: space-between;}

footer #menu-quicklinks {list-style: none; margin:0; padding:0;}

footer #menu-quicklinks li a { font-weight:200; color:#fff;}


/* Modal background */
.search-modal {display: flex; position: fixed; z-index: 99999999999; left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.9);justify-content: center;align-items: center; /* Initially hidden and transparent */ opacity: 0; pointer-events: none; transition: opacity 0.4s ease;}

/* When active, fade in */
.search-modal.active {
  opacity: 1;
  pointer-events: auto;
}


/* Centered search form */
.search-modal-content {text-align: center;width: 80%;max-width: 600px; color:#fff;}

.search-form input.search-field {width: 100%; padding: 20px; font-size: 3rem; border: none; border-radius: 100px; background-color:transparent !important; color:#fff; border:solid 1px #fff;}

.search-form .search-submit {display: none; /* You can hide button if you want “Enter” to submit */}

/* Close button */
.close-search-modal { position: absolute;top: 40px; right: 60px;font-size: 3rem;color: #fff;background: none;border: none;cursor: pointer; }

.notes-modal-content {text-align: center;width: 80%; color:#fff;}

#notes-modal .text-carousel {width:100%; }

#notes-modal .text-carousel {font-size:3rem; color:var(--l-red); font-weight:200;}

#notes-modal .text-carousel .slide {height:40vh; display:flex; align-items: center; align-content: center; justify-content: center;}



/* 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) {
	
	footer {padding:6rem 0;}

	
}

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

/* Larger than Desktop HD */
@media (min-width: 1200px) {
	
	#notes-modal .text-carousel {font-size:5rem;}
   
	
}


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

/* 4. = Blocks

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



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

.wp-block-group .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%;}


blockquote.wp-block-quote {border:none; border-top:1px var(--red) solid; border-bottom:1px var(--red) solid; padding: 0 0 0px 0; margin: 3rem 0;}

blockquote, blockquote p, blockquote cite {position:relative; font-size: 1.8rem; font-weight: 200; border:none;  margin: 2rem auto; }

blockquote cite {font-size: 1.3rem !important; font-weight: 700; border:none;  margin: 2rem auto; color:var(--l-red) !important; }

blockquote p:last-child, blockquote.wp-block-quote p:last-child {margin:0; padding: 0;}



/* Custom block classes */

.breadcrumbs {text-transform: uppercase; font-size: 1.4rem; font-weight:200;}

.breadcrumbs a {color:var(--purple); }

/* Breaker block */

.wp-block-group.section-breaker .wp-block-cover .wp-block-cover__inner-container {width:100% !important; padding:2rem 0 2rem 4rem;}


/* block move */

.wp-block-column.shift-up {margin-top: 0px;}

/* figure captions */

.wp-block-image.caption-over-image figure {position:relative;}

.wp-block-image.caption-over-image figure figcaption {position: absolute; bottom:15px; left:15px; color: #fff; font-size: 20px; margin: 0; text-align: left;}

.sixth-marque-corner {position: relative; overflow: visible;}

.sixth-marque-corner::after {content:""; position:absolute; left:-25px; top:70%; width:200px; height:350px; background-size: contain; background-position: top-right; background-repeat: no-repeat; background-image:url(assets/images/interface/sixth-marque.png);}

.ghostkit-google-maps h3, .ghostkit-google-maps p {color: var(--dark); font-size:14px; font-weight:400; margin: 0 0 1rem 0;}

.ghostkit-google-maps h3 {font-weight:600; color:var(--red); font-size: 16px;}


/* 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;}
	
	.wp-block-image figure, .wp-block-image .alignright { text-align: right;}
	
	.wp-block-image figure, .wp-block-image .alignleft { text-align: left;}
	
	.wp-block-group.testimonial-block {padding:10rem 0;  background-size:60%; background-position:-30%;}
	
	/* Breaker block */
	
	.wp-block-group.section-breaker .wp-block-cover .wp-block-cover__inner-container {width:35% !important; padding:2rem 0 2rem 4rem;}
	
	/* block move */
	
	.wp-block-column.shift-up {margin-top: -150px;}
	
}

/* Larger than desktop */
@media (min-width: 1000px) {
	
	.work-tile {flex:0 0 32%;}
	
	.wp-block-columns.logos-footer {flex-flow:row nowrap !important; gap:2%;}

	.wp-block-columns.logos-footer .wp-block-column {flex:1 1 auto !important; margin-bottom: 20px; }
	
	
}

/* Larger than Desktop HD */
@media (min-width: 1200px) {
	
	blockquote, blockquote p {font-size:2rem;}
	
	.wp-block-group.testimonial-block {padding:10vh 0;}
	
	.wp-block-embed {margin: 6rem 0;}
	
	.wp-block-cover, .wp-block-cover-image {height:100%; padding: 6rem;}
	
}




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

/* 4. = Navigation

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

.sfm-rollback {right:0; left:auto;}

#sfm-sidebar, .sfm-sidebar-bg, #sfm-sidebar .sfm-nav, #sfm-sidebar .sfm-widget, #sfm-sidebar .sfm-logo, #sfm-sidebar .sfm-social, .sfm-style-toolbar .sfm-copy {width:100% !important;}

#sfm-sidebar .sfm-sidebar-bg, #sfm-sidebar .sfm-social {background: var(--style-gradient, linear-gradient(93deg, #700E0F 0%, #DD0C15 97.47%)) !important; box-shadow: 0px 6px 12px rgba(0,0,0,0.4);}

#sfm-sidebar .sfm-menu-level-1.sfm-menu li a, #sfm-sidebar .sfm-menu-level-2.sfm-menu li a  {font-size:18px; border-color: transparent;}

#sfm-sidebar .sfm-menu li a, #sfm-sidebar .sfm-menu .sfm-chapter, #sfm-sidebar .sfm-back-parent {font-size:16px !important;}

#sfm-sidebar .sfm-view .sfm-menu li {text-align: left;}

#sfm-sidebar .sfm-widget a {color:#fff; border:none; display: inline-block; padding:3px 6px; border-radius: 5px;}

#sfm-sidebar .sfm-widget a:hover {border:none; background-color:#fff; color:var(--l-red);}



.partial-menu {list-style: none; margin: 0 0 20px 0; padding: 0;}

.partial-menu li {font-size:14px; margin: 0 0 5px 0;}

.partial-menu.inline li {display:inline-block;}

.partial-menu li::before {content:"";}

.partial-menu li a {color:#fff;position: relative;}

.partial-menu li a:hover {border-color:transparent;}

.partial-menu li a.current-page::before, .partial-menu li a:hover::before {content:""; display:block; position:absolute; left: -40px; top:50%; transform: translateY(-50%); background-image:url(assets/images/interface/menu-marker.svg); width:23px; height:23px; background-size: contain; background-repeat: no-repeat;  }

.partial-menu.inline li a, .partial-menu.inline li a { margin: 0 15px 0 0; }

.partial-menu.inline li a.current-page, .partial-menu.inline li a:hover {background-color:var(--l-red); padding: 5px 15px; margin: 0 10px 0 0; border-radius: 5px;}

.partial-menu.inline li a.current-page::before, .partial-menu.inline li a:hover::before {background-image: none;}

.hero-sixth-nav .partial-menu {margin:0; text-align: center; }

.hero-sixth-nav .content-wrapper {padding:1.5%;}

.hero-sixth-nav .partial-menu li {display:inline-block; font-size:16px; margin: 0 5px 5px 5px;}

.hero-sixth-nav .partial-menu li a {display:inline-block; padding:5px; border-radius: 5px; }

.hero-sixth-nav .partial-menu li a.current-page {background-color:#fff; color:var(--blue); }

.hero-sixth-nav .partial-menu li a::before {background:none; }

/* 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) {
	
	#sfm-sidebar, .sfm-sidebar-bg, #sfm-sidebar .sfm-nav, #sfm-sidebar .sfm-widget, #sfm-sidebar .sfm-logo, #sfm-sidebar .sfm-social, .sfm-style-toolbar .sfm-copy {width:500px !important;}
	
	#sfm-sidebar .sfm-menu li a, #sfm-sidebar .sfm-menu .sfm-chapter, #sfm-sidebar .sfm-back-parent {font-size:24px !important;}
	
	#sfm-sidebar .sfm-menu-level-1.sfm-menu li a, #sfm-sidebar .sfm-menu-level-2.sfm-menu li a  {font-size:18px !important; border-color: transparent;}
	
	#sfm-sidebar .sfm-menu-level-0 li:last-child {display:none;}


}

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

	

}

/* Larger than Desktop HD */
@media (min-width: 1600px) {
	
   .partial-menu li {font-size:16px; margin: 0 0 10px 0;}
	
}



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

/* 4. = Forms

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

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


.button, button, .wp-block-button a, input[type="submit"], input[type="reset"], input[type="button"] {
  position:relative;
  display: inline-block;
  background:var(--red-grad-right);
  border: none;
  height: 34px;
  padding: 0 30px 0 10px;
  color: #fff;
  text-align: left;
  font-size:16px;
  font-weight: 500;
  line-height: 34px;
  text-transform: none;
  text-decoration: none;
  white-space: nowrap;
  border-radius: 5px;
  cursor: pointer;
  box-sizing: border-box; 
  transition: all 0.5s ease-out;
  margin-bottom: 0rem;
}

.button::after, button::after, .wp-block-button a::after, input[type="submit"]::after, input[type="reset"]::after, input[type="button"]::after {content: ""; display:block; width:18px; height:100%; position: absolute; top:0; right:5px; background-image:url(assets/images/interface/sml-btn-go-white.png); background-size:contain; background-position: center; background-repeat: no-repeat;}

.ghostkit-tabs button {background:none;}

.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; 
}

.has-background input[type="submit"] {background:unset; background-color:#fff; color:var(--dark); background-image:url(assets/images/interface/sml-btn-go-dark.png); background-position:90% center; background-size: 25px; background-repeat: no-repeat;}

.button.button-white, .wp-block-button.btn-white a {background:#fff; color:var(--red);} .button.button-white::after, .wp-block-button.btn-white a:after {background-image:url(assets/images/interface/sml-btn-go-red.png);}

.button.button-outline-dark, .wp-block-button.btn-outline-dark a {background:transparent; color:var(--dark); border:1px solid var(--dark);} .button.button-outline-dark::after, .wp-block-button.btn-outline-dark a::after {background-image:url(assets/images/interface/sml-btn-go-red.png);}

.button.button-dark-arrow, .wp-block-button.btn-dark-arrow a {background:transparent; color:var(--dark); border:none; font-weight:400; position:relative; padding:0 50px 0 0;}

.button.button-dark-arrow::after, .wp-block-button.btn-dark-arrow a::after {content:""; position: absolute; display:block; top:0; right:0px; width:40px; height:40px; background:url(assets/images/interface/sml-btn-go-dark.png); background-size:contain; background-position: center; transition:0.5s all ease; }

/* Wordpress buttons */

.wp-block-buttons {margin:2rem 0;}

/* Download buttons */

.download-link-feature img { width:100%; height:auto; position: relative;}

.download-link-feature {position: relative;}

.download-wrapper {margin-bottom:2rem; position:relative;}

.download-wrapper a{ background: var(--red-grad-right); color:#fff; display: inline-block; padding:8px 75px 8px 15px; border-radius:5px; }

.download-wrapper a::after {right:10px !important; top:0; opacity:1 !important; height:100% !important; width:25px !important; z-index: 1 !important; background-image:url(assets/images/interface/sml-btn-go-white.png); background-size:contain; background-position: center right; background-repeat: no-repeat;}

.download-wrapper a:hover {box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}


.download-wrapper.download-tile {display:flex; width:100%; height:100%;  align-items:flex-end; align-content: flex-end; border:solid var(--red) 1px; border-radius: 10px; background-color:rgba(255,255,255,0.1); transition: 0.3s all;  }

.download-wrapper.download-tile:hover {background-color:rgba(255,255,255,1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}

.download-wrapper.download-tile a:hover {box-shadow: unset;}

.download-wrapper.download-tile::after {content: ""; display:block; width:30px; height:30px; position: absolute; top:10px; right:10px; background-image:url(assets/images/interface/sml-btn-go-red.png); background-size:contain; background-position: center; background-repeat: no-repeat;}

.download-wrapper.download-tile .type {position:absolute; top:10px; left:10px; display:block; background:var(--red-grad-right); color:#fff; padding: 3px 5px; font-size:12px; text-transform: uppercase; border-radius: 5px;}

.download-wrapper.download-tile a.download-link {display:block; background:none; color:var(--red); padding:50px 10px 10px 10px;}

.download-wrapper.download-tile a.download-link:hover {border:none;}

ul.dlm-downloads {list-style: none; margin: 0; padding: 0; display:flex; flex-flow:row wrap; gap:2%;}

ul.dlm-downloads li {flex:0 0 23%; }

ul.dlm-downloads li .download-wrapper.download-tile {width:100%;}

.slick-dots li button::after{ content:unset;}s



/* 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;
  border: none;
  width:100%;
  border-radius: 5px;
  box-shadow: 0 3px 6px 0 rgba(0,0,0,0.2);
  box-sizing: border-box; 
  margin: 0 0 20px 0;
}

select:hover {cursor: pointer;}

select { padding: 13px 30px 13px 12px; background-image:url(assets/images/interface/arrow-down-dd.png); background-position: 98% center; background-size: 15%; background-repeat: no-repeat;}


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;}
	
	.wp-block-buttons {margin:3rem 0;}
}

/* Larger than Desktop HD */
@media (min-width: 1200px) {
	
	.button, button, .wp-block-button a, input[type="submit"], input[type="reset"], input[type="button"] { height: 40px;padding: 0 60px 0 10px;font-size:16px;line-height: 40px; margin-bottom: 0rem;}
	
	.button::after, button::after, .wp-block-button a::after, input[type="submit"]::after, input[type="reset"]::after, input[type="button"]::after {content: ""; display:block; width:20px; height:100%; position: absolute; top:0; right:10px;}

}

/* Larger than Desktop HD */
@media (min-width: 1500px) {
	.button, button, .wp-block-button a, input[type="submit"], input[type="reset"], input[type="button"] { height: 46px;padding: 0 60px 0 10px;font-size:18px;line-height: 46px; margin-bottom: 0rem;}
	
	.button::after, button::after, .wp-block-button a::after, input[type="submit"]::after, input[type="reset"]::after, input[type="button"]::after {content: ""; display:block; width:25px; height:100%; position: absolute; top:0; right:10px;}
 

	
}
/*-----------------------------------------------------------------------------------*/

/* 4. = Content Page

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

#continue-journey {background:var(--red-grad-down); color:#fff;}

#continue-journey a {color:#fff;}

#continue-journey h2 {text-align:left;}

#continue-journey li {font-size:14px; margin:0 0 5px 0;}

#continue-journey nav {margin-bottom:4rem;}

#continue-journey .partial-menu li a.current-page::before, #continue-journey .partial-menu li a:hover::before {content:""; display:block; position:absolute; left: -40px; top:50%; transform: translateY(-50%); background-image:unset; 	width:23px; height:23px; background-size: contain; background-repeat: no-repeat;  }

#continue-journey .partial-menu li a.current-page, #continue-journey .partial-menu li a:hover {border-color:inherit;}


.profile-pic img {border-radius:10px;}

.wp-block-image.profile-pic figcaption {font-size:2rem;}





/* News Feature */




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

/* Larger than tablet */
@media (min-width: 750px) {
	
   #continue-journey {}
   
   #continue-journey h2 {text-align:center;}
   
   
	
	
}

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

/* Larger than Desktop HD */
@media (min-width: 1200px) {
	
	#continue-journey li {font-size:16px; margin:0 0 5px 0;}

}

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

	
}

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

/* 4. = Home Page

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



/* 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. = Sixthform

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

#page-hero.hero-sixth {height:auto; width:100%; position: relative; margin-bottom:80px;}

.hero-sixth .sixth-image {width:100%; background-size:cover; background-position: center;}

.hero-sixth-nav {position:absolute; left:50%; transform: translate(-50%, -50%); width:80%; margin: 0 auto; background:var(--trinity-sixth-grd); color:#fff; border-radius: 10px;}

.hero-sixth .sixth-hero-overlay {height:50vh; min-height: 550px; align-items: center; justify-content: center; background: linear-gradient(to top, rgba(0,0,0,0.3), rgba(0,0,0,0.0));  }

.hero-sixth h1 {font-size: 10vw; line-height: 10vw; color:#fff; font-weight: 700; text-transform: uppercase; text-align: center;}

.page-template-template-sixth h2, .page-template-template-sixth h3, .page-template-template-sixth h4, .page-template-template-sixth h5 {font-weight: 700; text-transform: uppercase;}

.page-template-template-sixth footer {background:var(--trinity-sixth-grd);}

.page-template-template-sixth a {color: var(--blue);}

.page-template-template-sixth a.download-link {background: var(--blue-grad); color:#fff; }

.page-template-template-sixth a.button {background: var(--blue); color:#fff;}

.page-template-template-sixth #continue-journey {background:var(--trinity-sixth-grd);}

.page-template-template-sixth date {background: var(--blue); color:#fff;}

.page-template-template-sixth .button, .page-template-template-sixth .wp-block-button a, .page-template-template-sixth input[type="submit"] {background:var(--blue); color:#fff;}

.page-template-template-sixth .button.button-white, .page-template-template-sixth .wp-block-button.btn-white a, .wp-block-button.btn-sixth-rev a {background:#fff; color:var(--blue);} .page-template-template-sixth .button.button-white::after, .page-template-template-sixth .wp-block-button.btn-white a::after, .wp-block-button.btn-sixth-rev a::after {background-image:url(assets/images/interface/sml-btn-go-sixth.png);}

.page-template-template-sixth blockquote.wp-block-quote {border-top:4px var(--blue) solid; border-top:4px var(--blue) solid; border-bottom:4px var(--blue) solid;}

.page-template-template-sixth blockquote cite {font-size: 1.3rem !important; font-weight: 700; border:none;  margin: 2rem auto; color:var(--blue) !important; }

.page-template-template-sixth .download-tile .type {background:var(--trinity-sixth-grd);}

.page-template-template-sixth .download-wrapper.download-tile {border-color:var(--blue);}

.page-template-template-sixth .download-wrapper.download-tile a.download-link {color:var(--blue)}

.page-template-template-sixth .download-wrapper.download-tile::after {background-image: url(assets/images/interface/sml-btn-go-sixth.png); */
		}

/* News Feature */




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

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

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

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

}

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

	
}


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

/* 4. = News

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

#news-widget {}

.news-image {position: relative; border-radius: 10px; background:var(--red-grad-down);}

.news-image img {width:100%; height:100%; object-fit: cover;}

.news-feature {position: relative; color:#fff;}

.news-feature .news-image {display:flex; align-items: flex-end; aspect-ratio: 1 /1; background-size:cover; background-position: center; background-repeat: no-repeat;}

.news-feature .details {padding:2rem; z-index: 9;}

.news-feature .action {position: absolute; right:40px; bottom:40px;width:57px; height:57px; transform:rotateZ(45deg); transition: all 0.3s;}

.news-feature:hover .action {transform:rotateZ(0deg);}

.news-feature h3 {font-size:3rem;}

.news-feature .meta {display:none;}

.news-feature .m-meta {color:var(--dark);}

.news-feature date {margin-top: 30px; font-size:14px;}

date {display:inline-block; padding: 4px 8px; background:var(--l-red); color:#fff; border-radius: 5px; font-size:14px; }


.news-item {flex:0 0 100%; position: relative; flex-flow:row; border:none; border-bottom:1px solid var(--red); padding: 10px; margin: 20px 0; background: #fff; transition: all 0.3s; }

.news-item .action {position: absolute; right:10px; top:10px;width:57px; height:57px; transform:rotateZ(45deg); transition: all 0.3s;}

.news-item:hover {box-shadow:0 0 10px rgba(0,0,0,0.3)}

.news-item:hover .action {transform:rotateZ(0deg);}

.news-list .column-50:first-child .news-item { border-top:1px solid var(--red); }

.news-item .news-image {flex: 0 0 50%; aspect-ratio: 1 / 1;}

.news-item .details {display:flex; align-items: flex-end; align-content: flex-end; flex-flow: row wrap;}

.news-item h3 {flex:0 0 100%; font-size:1.8rem;}

.col-rev-news {flex-flow:row wrap;}

.pagination {margin: 3rem 0;}

.pagination ul {display:flex; list-style: none; justify-content: center;}

.pagination ul li:not(.arrows) a {display:flex; width:50px; height:50px; margin: 0 15px; justify-content:center; align-items: center; border-radius: 100px; border:1px solid var(--l-red);}

.pagination ul li {display:flex; align-items: center;}


.news-single {position: relative;}

.back-link {position: absolute; top:0; left:0;}

.news-single .news-wrapper img {width:100%; height:auto;}

.news-single-header date {margin:0 0 1.5rem 0;}

.news-single-header a {color:#fff;}

#page-hero.news-single-header.hero-min .hero-info {max-height: none;}


.more-stories {}

.more-stories .column-4 {position:relative; background:var(--red-grad-right); color:#fff;}

.news-focus { padding: 20px;}

.inner-border {height:120px; border-top:1px solid #fff; border-bottom:1px solid #fff; padding: 20px 0;}

.news-focus h5 {font-size:2rem;}

.news-focus p {font-size:1.4rem;}

/* grid list for publications */

.publication-list ul { margin: 0; padding: 0; list-style: none; display:flex; flex-flow:row wrap; align-items: stretch; align-content: flex-start; justify-items: flex-start; gap:2%;}

.publication-list ul li {flex: 1 0 48%; position: relative;}

.publication-list ul li .download-link-feature {margin: 0 0 25px 0;}

.publication-list ul li .download-link-feature .image-container {position: relative; transition: all 0.5s ease-in-out; line-height: 0; margin: 0 0 15px 0;}

.publication-list ul li .download-link-feature:hover .image-container {box-shadow:0 10px 30px rgba(0,0,0,0.5);}

.publication-list ul li .download-link-feature img {width:100%; height:auto; }

.publication-list ul li .download-link-feature .caption {position: absolute; top:10px; left:10px; font-size: 2rem; font-weight:700; text-transform: uppercase; color:#fff; line-height: 1;}




		/* 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) {

	.col-rev-news {flex-flow:row-reverse wrap;}
	
	.news-feature .details {padding:4rem;}
	
	.publication-list ul li {flex: 1 0 31%;}
	
	.news-feature h3 {font-size:5rem;}
	
	.news-feature date {margin-top: 30px; font-size:16px;}
	
	.news-item h3 {flex:0 0 100%; font-size:2.4rem;}


}

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

	
	.publication-list ul li {flex: 1 0 22%;}
	
	date { font-size:16px; }

}

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

	.pagination {margin: 6rem 0;}
	
	

}

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

/* 4. = Search results

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

article .s-item {padding:2rem 0; border-top:1px solid var(--red);}

article .entry-image {flex:0 0 20%; aspect-ratio: 1/1;}

article .entry-image img {width:100%; height:100%; object-fit: cover;}

article .content-wrapper {flex: 1 1; padding: 2rem;}

article .action {flex:0 0 40px; display: flex; align-items: flex-end;}

/* News Feature */




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

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

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

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

}

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

	
}


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

/* 4. = Portal

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

.divider-parent {border:none; height:8px; border-radius: 5px; background: var(--blue-grad-parents);}

.divider-student {border:none; height:8px; border-radius: 5px; background: var(--red-grad-right);}

.border-column {border-top:1px solid var(--dark); border-bottom:1px solid var(--dark); padding: 2% 0; display: flex;flex-flow: column; justify-content: space-between; }

.border-column p {font-size:1.6rem;}

/* News Feature */




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

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

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

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

}

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

	
}

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

/* 4. = Shortcodes restyle

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

.su-accordion {}

.su-accordion .su-spoiler-title, .su-spoiler .su-spoiler-title {font-size:3rem; font-weight:200; padding:15px 0 15px 30px;}

.su-accordion .su-spoiler-title strong, .su-spoiler .su-spoiler-title strong {font-weight:200; }

.su-button {border-radius: 10px !important; background:var(--red-grad-right) !important;}

.su-button span {background:var(--red-grad-right) !important;}

.su-button-style-glass span {background-image:none !important;}



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

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

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

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

}

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

	
}