/*
Theme Name: JM 2026-01
Author: We Are Factory
Author URI: https://www.wearefactory.net/
Version: 8.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 {
    --purple: #6E4466;
    --yellow: #E4BE81;
    /*--bg-grey: rgba(139,131,137,0.3);*/
	--bg-grey: #DFDDDE;
	--dark: #382A35;
	--grey: #c9c9c9;
}


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

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

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

html {font-size:62.5%;}
body {font-family:"acumin-pro", sans-serif; font-weight: 300; font-size:1.8em; line-height:1.6; font-style:normal; background-color:#fff; color:#5A5A5A;}

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

h1 { font-size: 3.5rem; line-height: 4.5rem; font-weight:400; }
h2 { font-size: 2.8rem; line-height: 3.6rem;  }
h3 { font-size: 2.4rem; line-height: 3.1rem; }
h4 { font-size: 1.8rem; line-height: 2.35rem; }
h5 { font-size: 1.6rem; line-height: 1.5rem;   }
h6 { font-size: 1.6rem; line-height: 1.8rem; margin-bottom: 1rem; }

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {color:#EF003B;}



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

/* 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; line-height: 4.5rem;  }
	h2 { font-size: 3.5rem; line-height: 5.2rem;  }
	h3 { font-size: 2.5rem; line-height: 3.1rem; }
	h4 { font-size: 2rem; line-height: 2.35rem; }
	h5 { font-size: 1.8rem; line-height: 1.5rem;   }
	h6 { font-size: 1.6rem; line-height: 1.8rem; margin-bottom: 1rem; }
	
}

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

	
}


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

/* 2. = Styles

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

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

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

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

main {margin-top:101px}

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

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

hr {width:156px; border-top:4px solid var(--purple); 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;}

.watermark {position:relative;}

.watermark::before {content:""; display:block; position:absolute; width:100%; height:100%; top:0; left:0; background:url("assets/images/interface/jm-watermark.png"); background-position: -70%; background-size:contain; background-repeat: no-repeat;}

.txt-large {font-size::;rem; line-height: 1;}



.purple {color:var(--purple)}

.gold {color:var(--yellow)}


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

.padding-wrapper {padding:2%;}

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

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


.alignfull {max-width:none; 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) {
    
    .feature-button figure {display:inherit; text-align:inherit;}
    
    .title-alt {font-size:110px !important;}
	
    main {margin-top:162px;}
    
    
    .has-text-align-right {text-align:right;}
    
    .has-text-align-left {text-align:left;}
	
	.wp-block-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 {width:100%;}

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

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

/* 3. = Header

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


#site-header {position: fixed; padding:0; top:0; width: 100%; background-color:#fff;;  color:#5a5a5a; z-index: 99999; transition:0.5s all;  }

#site-header.scroll-down {top:-101px;}

#site-header.scroll-up {top:0px;}

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



#site-header .top-header {height:100px; width:100%; display:flex; justify-content: space-between; align-items: center; align-content: center; flex-flow:row wrap; border-bottom: 1px solid var(--grey); }

#site-header .brand {margin-left:2rem;}

#site-header .brand img {width:80%;}

#site-header .tel-numbers {display:none; flex:0 0 40%; min-width:500px; height:100%; align-items: center; justify-content: center; position: relative; transition:0.5s all;}

#site-header .tel-numbers aside {position:absolute; top:50%; width:100%; transform: translateY(-50%);}

#site-header .tel-numbers aside .wp-block-columns {margin: none;}

#site-header .tel-numbers .wp-block-columns, #header .telephone-menu .wp-block-columns {margin-bottom:0;}

#site-header .tel-numbers p, #header .telephone-menu p {margin: 0; line-height: 1;}

#site-header a {color:var(--dark) }

#site-header .telephone-popup { height:100px; display:none; text-align: center;}

#site-header .header-cta {flex:0 0 15%; min-width:180px; height:100%; display:none;  }

#site-header .mobile-menu {flex:0 0; height:auto; display:flex; align-content: center; align-items: center; border:none; }

#site-header .telephone-toggle {font-size:2.5rem; color:#5a5a5a;}

#site-header .telephone-menu {flex:0 0; display:none; border:none;  border-bottom: 1px solid var(--grey); padding: 5px 0; }

#site-header .header-cta a {display:flex; flex-flow: column; justify-content: center; align-items: center; background-color:var(--purple); color:#fff; height:100%; width:100%; }

#site-header .header-cta a:hover {background-color:var(--yellow); color:var(--dark)}

#site-header nav {height:60px; width:100%; border-bottom: 1px solid var(--grey); display:none; position: relative;}


.wp-block-cover.location-img, .wp-block-cover-image {height:350px;}

.wp-block-columns.loc-columns .wp-block-column {background-color:#f6e9d5;}






/* 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) {
    
	#site-header .header-cta {display:block;}
	
	#site-header .brand img {width:100%;}
	
	#site-header.scroll-down {top:-101px;}

	#site-header.scroll-up {top:0px;}
	
	#site-header nav { display:block; }
	
	#site-header .mobile-menu {display:none;}
}

/* Larger than desktop */
@media (min-width: 1000px) {
	
	#site-header .tel-numbers {display:flex;}
	
}

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

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

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

/* 4. = Footer

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

footer {position:relative; background: rgb(106,78,101); background: linear-gradient(180deg, rgba(106,78,101,1) 0%, rgba(56,42,53,1) 100%);  color:#fff; padding: 3rem 0; overflow: hidden;}

footer .watermark { width:1000px; height:1000px; background-image:url("assets/images/interface/jm-water-marque.svg"); background-size: contain; background-position: center; opacity: 0.05; position: absolute; right:0; bottom:0; transform: translate(50%, 50%);}

footer .footer-menu-column {flex:1 1 48%; margin-bottom: 3rem;}

footer .footer-logo {margin-bottom:3rem;}

footer p, footer ul {font-size:1.4rem;}

footer ul {list-style:none; margin: 0; padding:0;}

footer ul li {padding:0; margin: 0 0 10px 0; font-size:1.6rem;}

footer a {color:#fff;}

footer .menu-policies-container ul li {display:inline-block; margin-right: 20px;}

.footer-menu {display:none;}

footer .wp-block-columns.is-layout-flex {gap:0;}

.credits {display:flex; justify-content: flex-end; flex-flow:row wrap; gap:2rem; border-bottom:1px solid var(--dark); font-size:1.4rem;}

.circle-icon {display:inline-block; margin: 0 10px 10px 0; width:40px; height:40px; line-height: 40px; text-align: center; border:1px solid #fff; border-radius: 99px; position:relative;}

.circle-icon img {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) scale(0.7);}



/* 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;}

	footer .wp-block-columns.is-layout-flex {gap:2rem;}
	
	footer p, footer ul {font-size:1.6rem;}
	
	.logos-footer .wp-block-column {flex:0 0 ;}
}

/* Larger than desktop */
@media (min-width: 1000px) {
    
   footer .footer-menu-column {flex:1 1 31%;}
	
	.footer-menu {display:block;}
	
}

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


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

/* 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: 0;}

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

.wp-block-image figure, .wp-block-image .alignright, .wp-block-image .alignleft {margin:3vh 10%;}


blockquote.wp-block-quote {border:none; padding: 0 0 0px 0; margin: 0 0 10rem 0;}

blockquote, blockquote p {position:relative; font-size: 2rem; border:none;  margin: 2rem auto; text-align: center; }

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

blockquote.wp-block-quote::after {content:""; display:block; width:231px; height:56px; position:absolute; bottom:-80px; left:50%; transform: translateX(-50%); background-image: url("assets/images/interface/post-quote.png"); background-size:contain; background-position: center;}

.wp-block-separator {border-bottom:none; border-right:1px solid var(--gold); height:70px; width: 0px !important;}

/* Custom block classes */


.work-tiles {display:flex; justify-content: space-between; flex-flow:row wrap; align-items: flex-start; align-content: flex-start;}

.work-tile {flex:0 0 49%; margin-bottom: 2%;}


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

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


.wp-block-columns.logos-block {margin:0; gap:2%; flex-flow:row wrap !important; align-items: center; align-content: center;}

.wp-block-columns.logos-block .wp-block-column {flex-basis: 48% !important;}

.logos-block img {max-height: 150px; height: auto; width:auto;}

.logos-block figure {margin:0;}


.wp-block-columns.logos-footer {flex-flow:row wrap !important; gap:3%;}

.wp-block-columns.logos-footer .wp-block-column {flex:0 0 27%; margin-bottom: 20px; }

.logos-footer img {max-height: 120px; height: auto; width:auto;}


blockquote.wp-block-quote.logos-testimonial {border-left: 2px solid var(--purple); padding:0 0 0 1.5rem; text-align: left; margin: 0;}

blockquote.wp-block-quote.logos-testimonial p {font-size: 2rem; text-align: left; margin: 0 0 10px 0;}

blockquote.wp-block-quote.logos-testimonial cite {font-size: 1.5rem; text-align: left;}

.wp-block-group.watermark {position:absolute; top:0; left:0; width:100%; height:100%; background-color:#efefef; background-image:url("assets/images/interface/jm-water-marque.svg"); background-repeat: no-repeat; background-position:right;  }


.wp-block-group.testimonial-block {padding:10rem 0; background-image:url("assets/images/interface/jm-watermark.png");  background-position:100%; background-repeat: no-repeat;}

.social-logos .wp-block-image {display: inline-block; width:auto; max-width: 70px;}

.wp-block-image.no-image-margin figure {margin: 0 auto;} 

.talk-to-us {background-color:#ededed; padding: 6rem;}

.how-we-can-help {background-color:var(--purple); color:#fff; padding: 6rem;}

.wp-block-column h2::before {content:""; display:block; width:100px; height:3px; background-color:var(--purple); margin:0 0 20px 0;}

.wp-block-column h2.has-text-align-center::before {position:relative; left:50%; transform:translateX(-50%); }

:where(.wp-block-columns.is-layout-flex) {gap:7rem;}

.wp-block-embed {margin: 3rem 0;}

.wp-block-embed.wp-embed-aspect-16-9 {position:relative;}

.wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper {position:relative; aspect-ratio: 16 / 9;}

.wp-block-embed.wp-embed-aspect-16-9 iframe {width:100%; height:100%;}

.wp-block-cover.fix-height {height:40%; margin-bottom: 2rem;}





/* 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%;}
	
	
	
	.social-logos {text-align:right;}
	
	.wp-block-columns.logos-block .wp-block-column {flex-basis: 23% !important;}
	
	
	
}

/* 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:3rem;}
	
	.wp-block-group.testimonial-block {padding:10vh 0;}
	
	.wp-block-embed {margin: 6rem 0;}
	
}




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

/* 4. = Navigation

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

#mega-menu-wrap-primary #mega-menu-primary[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu {box-shadow: 0 5px 6px 0 rgba(0,0,0,0.16);}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column {width:100%;} */

nav.site-menu-wrapper {position:relative;}

nav.site-menu-wrapper .brand {position:absolute; width:45px; height:45px; top:50%; transform:translateY(-50%); opacity: 0; transition:1s all;}

.scroll-down nav.site-menu-wrapper .brand {opacity:1;}

.scroll-up nav.site-menu-wrapper .brand {opacity:0;}



/*

#mega-menu-wrap-primary #mega-menu-primary[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary[data-effect="fade_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu {box-shadow: 0px 3px 10px 0 rgba(0,0,0,0.16);}

#mega-menu-wrap-members-area-menu #mega-menu-members-area-menu > li.mega-menu-item {display:block; margin-bottom: 10px;}

#mega-menu-wrap-members-area-menu #mega-menu-members-area-menu > li.mega-menu-item > a.mega-menu-link {box-shadow: 0 3px 10px rgba(0,0,0,0.15);}



#mega-menu-wrap-site #mega-menu-site > li.social-link > a.mega-menu-link  {font-size:1.8rem !important;}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-feature-button > a.mega-menu-link {background-color:var(--teal); color:#fff; box-shadow: 0 3px 10px rgba(0,0,0,0.15); }

#mega-menu-wrap-site #mega-menu-site > li.mega-hide-on-mobile {display: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) {
	

}

/* Larger than desktop */
@media (min-width: 1000px) {
	
	   /* #mega-menu-wrap-site #mega-menu-site > li.mega-hide-on-mobile {display:inline-block;} */
	
	 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column {width:33.33333%;} */
    
    

}

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



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

/* 4. = Forms

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

/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button, button, input[type="submit"], input[type="reset"], input[type="button"] {
  display: inline-block;
  background-color:var(--purple);
  border: 2px solid var(--purple);
  height: 44px;
  padding: 0 25px;
  color: #fff;
  text-align: center;
  font-size:17px;
  font-weight: 500;
  line-height: 40px;
  text-transform: none;
  text-decoration: none;
  white-space: nowrap;
  border-radius: 5px;
  cursor: pointer;
  box-sizing: border-box; }

.button:hover, button: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 {
  color: var(--purple);
  border-color: var(--purple);
  background-color:rgba(110,68,102,0);
  outline: 0; 
}

/* Wordpress buttons */

.wp-block-buttons {margin-top:3rem;}

.wp-block-button .wp-block-button__link {display:inline-block; padding: 0 2rem; color:#fff; font-size:17px;  line-height:44px; letter-spacing: normal; font-weight:500; border:none; background-color:var(--purple); border-radius:5px;}

.wp-block-button.is-style-outline .wp-block-button__link {display:inline-block; padding: 0 2rem; color:var(--yellow) !important; font-size:17px;  line-height:44px; letter-spacing: normal; font-weight:500; border:1px solid var(--yellow); background-color:transparent; border-radius:5px;}

.wp-block-button.is-style-outline .wp-block-button__link:hover {background-color:var(--yellow); color:var(--purple) !important;}

.white-button .wp-block-button__link {background-color:#fff; color:var(--purple); border:none;}


.wpcf7 form.sent .wpcf7-response-output {background-color:var(--yellow); border-color:var(--yellow); color:var(--purple)}



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

	
}


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

/* 4. = Content Page

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

.content-pad {margin:5% 0;}

.day-block {position:relative;}

.day-block::before {content:""; position:absolute; top:0; left:50%; transform:translate(-50%, -50%); width:94px; height: 94px; background-image: url("assets/images/interface/night-day-logo.png"); background-size:contain; background-position:center; z-index: 99;}



.wpc-filters-scroll-container .wpc-filters-widget-wrapper {display:flex; gap:0; flex-flow:row wrap; justify-content: flex-start; align-items: flex-start; align-content: flex-start;}

.wpc-filters-section {flex:0 0 32%; margin-right: 2%;} .wpc-filters-section:last-child {margin-right:0;}

.wpc-filter-chips-list a, body .wpc-filter-chips-list li.wpc-filter-chip a {background-color:var(--yellow); border-color:var(--yellow) !important; font-size:1.4rem;}

body .wpc-filter-chips-list li.wpc-chip-reset-all a {background-color:#E36857; border-color:#E36857 !important; color:#fff!important; font-size:1.4rem;}


.profile-archive {display:flex; flex-flow:row wrap;}
		
.profile-archive .profiles-wrapper {flex:1 1 90%;}

.profile-archive .flex {display:flex; gap:2%; flex-flow:row wrap; justify-content: space-between; align-items: flex-start; align-content: flex-start;}

.profile-archive .profile { flex: 1 1 100%; position: relative; text-align:left; margin-bottom: 5vw; }

.profile-archive .profile:hover .profile-wrapper {background-color:#efefef;}

.profile-archive .profile .profile-wrapper {display:flex; justify-content: space-between; gap:3%; flex-flow:row; padding: 2rem; height: 100%;}

.profile-archive .profile:hover .profile-wrapper {background-color:#efefef;}

.profile-archive .profile .profile-image, .profile-archive .profile .profile-details {flex:0 0 48%; margin: 0 auto;}

.profile-archive .profile .p-image { background-size:cover; background-position: center; width:100%;  position: relative; margin-bottom: 25px;} 

.profile-archive .profile .p-image::before {content:""; padding-bottom:100%; display:block;}

.profile-archive .profile .p-image::after {content:""; height:12px; width:100%; background-color:var(--purple); position: absolute; bottom:-12px; left: 0;}

.profile-archive .profile .excerpt {font-size:1.6rem; display:none;}

.profile-archive .profile h2 {margin: 0 0 10px 0; font-weight:400; color:var(--dark); font-size:2rem; line-height: normal;}

.profile-archive .profile h4 {margin: 0 0 10px 0; font-weight:400; color:var(--dark); font-size:1.4rem; text-transform: uppercase;}

.profile-archive .button {width:100%;}


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

/* Larger than tablet */
@media (min-width: 750px) {
    
   
	.profile-archive .profile {flex: 0 0 48%;}
	
	.profile-archive .profile .excerpt {font-size:1.6rem; display:block;}
    
    
}

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

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

}

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

	
}





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

/* 4. = Home Page

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


.frontpage-hero {height:100vh;}

.frontpage-hero h2 {font-size:80px; line-height: 80px; margin: 2% 0;}

.frontpage-hero .wp-block-image img {width:60%;}


.wp-block-columns.home-service-tile {gap:0; color:var(--yellow); margin: 0;}

.wp-block-columns.home-service-tile p {color:var(--yellow);}

.wp-block-columns.home-service-tile h2 {color:var(--yellow);}


.wp.block-cover.block-other-services {position: absolute; height: 100%; width:100%;}



.wp.block-cover.block-other-services .wp-block-columns {position:absolute}

.wp.block-cover.block-other-services h2 {margin: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) {
    
    .frontpage-hero {height:90vh;}
	
}

/* Larger than desktop */
@media (min-width: 1000px) {
    
    .frontpage-hero h2 {font-size:110px; line-height: 110px}
	
	.frontpage-hero .wp-block-image img {width:90%; margin-bottom: 5vh;}
	

	
}

/* Larger than Desktop HD */
@media (min-width: 1400px) {
	
    .frontpage-hero h2 {font-size:170px; line-height: 170px;}
	
	.wp-block-columns.home-service-tile h2 {font-size:5rem;}
	
}







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

/* 4. = Profile single

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


.wpc-filter-layout-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow, .wpc-sorting-form .select2-container--default .select2-selection--single .select2-selection__arrow {background-color:transparent !important;}

.wpc-filter-layout-dropdown .select2-container--default .select2-selection--single, .wpc-sorting-form .select2-container--default .select2-selection--single {border-radius:9px !important; border-color:var(--yellow) !important; box-shadow: 0 3px 5px 0 rgba(0,0,0,0.1);}


.profile-single {background: rgb(250,242,229); background: linear-gradient(180deg, rgba(250,242,229,1) 0%, rgba(255,255,255,1) 30%);}

.profile-single .breadcrumbs {padding-top: 6rem;}

.profile-single .flex {gap:5%; }

.profile-single .flx-overview {flex:0 0 100%;  overflow: hidden; }

.profile-single .flx-detail {flex:1 1; overflow: hidden;}



.wp-block-group.profile-name {display: flex; justify-content: space-between; align-items: center; align-content: center; flex-flow:row wrap;}

.profile-name .profile-accreds {flex:1 1;}

.profile-name .profile-accreds ul {list-style: none; margin: 0; padding: 0; display: flex; justify-content: flex-end; }

.profile-name .profile-accreds a {display:block;}

.profile-name .profile-accreds a:hover {border:none;}

.profile-name .profile-accreds img {max-height:100px; height:100%; width:auto;}

.profile-name h1 {margin-bottom:10px; font-weight:200; color:var(--purple);}

.profile-single .profile-name .position {text-transform: none; font-weight: 500; font-size:2rem;}



.flx-overview {}

.flx-overview .position {font-weight:600; color:var(--dark);}

.flx-overview .profile-photo {width:100%; min-height: 350px; }

.flx-overview .profile-photo img {width:100%; height:100%; object-fit: cover;}

.flx-overview .actions {justify-content: space-between; gap:auto; margin: 2rem 0;}

.flx-overview .actions a {flex:1 1 40%;}

.profile-statement {background-color:var(--yellow); color:var(--dark); }

.profile-statement blockquote {padding: 2rem; }

.profile-statement blockquote p {font-size:2.5rem; line-height: 1.5; }

.profile-statement cite {font-size:1.4rem;}


/* 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) {
	
    .profile-single .flx-overview {flex:0 0 30%;  overflow: hidden; }

	.profile-single .flx-detail {flex:1 1; overflow: hidden;}
	
}

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

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

	
}


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

/* 4. = News

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

.news-flex {display: flex; flex-flow: row wrap; align-items:stretch; justify-content:left; gap:2%; width:100%;}
		
.story {flex:1 0 100%;}

.rounded {}

.news-archive {padding: 2rem 0 0 0; background: rgb(247,236,219); background: linear-gradient(180deg, rgba(247,236,219,1) 0%, rgba(230,192,130,0) 100%); }

.news-archive .news-wrapper {display: flex;flex-flow: row wrap;align-items: stretch; justify-content:space-between; }

.news-archive .news-image {background-color:none; border-radius:10px;  overflow: hidden;  background-size:cover; background-position:center; position:relative; height:auto; width: 100%; margin: 0 auto 2rem auto;}

.news-archive .content-wrapper {padding:5%;}

.news-archive article {border:none; padding-bottom:0; border-radius: 5px;}

.news-archive article.story {margin:0; position:relative; background:rgba(255,255,255,0.3); box-shadow: 0 3px 6px rgba(0,0,0,0.1); margin: 0 0 20px 0;}

.news-archive article .news-image::before {content:""; display:block; padding-bottom: 80%;}

.news-archive article:hover h2 {}

.news-archive article:hover {background-color:rgba(0,0,0,0.1)}

.news-single article:hover {background-color:transparent;}

.news-archive article h2 {color:#343434; font-size:18px; line-height: 1; letter-spacing: normal; font-weight:400; text-align: center; line-height: 1.4;}

.news-archive article a {border:none;}

.news-archive article date {font-size: 1.4rem; font-weight:700; margin-bottom:2rem; text-align: center; display:block; color:var(--yellow);}

.news-archive .content-wrapper {padding:5%;}

.news-archive article .overlay {position: absolute; top:0; left:0; width:100%; height:100%; padding:0; background-color:rgba(0,0,0,0.3); transition:0.5s all ease-out; }

.news-archive article .overlay .title {position:absolute; bottom:0; width:90%;}


.news-archive .story.feature {flex:0 0 100%;  margin-bottom: 2rem; display:flex; flex-flow:column; justify-content: space-between; gap:4%; margin-bottom: 4rem; border-radius:0; box-shadow: unset; background-color:unset; }

.news-archive .story.feature:hover {background-color:transparent; }

.news-archive .story.feature .info {flex:0 0 40%; }

.news-archive .story.feature .story-image {flex:0 0 56%; }

.news-archive .story.feature h2 {font-size:2rem; text-align: left;}

.news-archive .story.feature date {color:var(--yellow); text-align: left; font-size:1.5rem; font-weight:400;}

.news-archive .story.feature .excerpt {margin-bottom:20px;}

.news-archive .tag-column {flex:1 1 35%;}

.taglist {list-style:none; margin: 0; padding: 0;}

.taglist li {display:inline-block; margin:0 5px 8px 0; font-size:1.2rem;}

.taglist li a {background-color:var(--purple); color:#fff; border:0; border-radius:5px; padding: 5px 10px;}

.taglist li a:hover {background-color:var(--yellow);}

.taglist li a.selected {background-color:var(--yellow); color:var(--dark);}


.navigation li {display:inline-block; margin-right: 5px;}

.navigation li a {font-size:14px; display:block; width:30px; height:30px; line-height: 30px; text-align: center; background-color:var(--yellow); color:var(--dark); border-radius: 5px; }

.navigation li.active a, .navigation li a:hover {background-color:var(--purple); color:#fff;}

.navigation li.arrows a {width:auto; padding: 0 10px;}

.news-single {margin-bottom:3rem;}

.news-single .news-flex {}

.news-single article.story {flex:0 0 100%; display:flex; flex-flow:row wrap; gap:2%; box-shadow: unset; background: unset;}

.news-single .story-header {flex:0 0 100%; display: flex; margin-bottom: 4rem; justify-content: space-between; align-items: flex-end;}

.news-single .info {flex:0 0 50%; text-align: left;}

.news-single .info date {text-align:left;}

.news-single .info h1 {text-align:left; font-size:5rem; line-height: normal;}

.news-single .story-image {flex:0 1 45%;}

.news-single .feature {flex:0 0 70%; padding:0 2% 0 0; border-right: 1px solid var(--grey);}

.news-single .related-column {flex:1 1 100%;}

.news-single .i-title {font-size: revert; text-align: left;}

.news-single .story-image .news-image {width:100%;}

.news-story-spoiler {margin-bottom: 1rem; padding: 10px; border-radius: 10px; position: relative;}

.news-story-spoiler .flex {align-items: center;}

.news-story-spoiler:hover {background-color:#F0E1C8;}

.news-story-spoiler .news-image {flex:0 0 30%; margin: 0;}

.news-story-spoiler .title {flex:1 1 65%;}

.news-story-spoiler .title h2 {text-align:left; margin: 0; font-size:1.6rem; line-height: 1.4;}

.social-logos .wp-block-columns.social-table {gap:10px;}


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

	.story {flex:1 0 48%;}
	
	.news-archive .story.feature {flex:0 0 72%; border-right:1px var(--dark) solid; padding-right:2%;}
	
	.news-archive .tag-column {flex:1 1 22%;}
	
	.news-single .related-column {flex:1 1 25%;}


}

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

	.story {flex:0 1 23%;}

	


}

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

	.news-archive article h2 {font-size:2.2rem;}

	.news-archive .story.feature h2 {font-size:3rem; text-align: left;}

	.news-archive .story.feature date { font-size:1.8rem; font-weight:400;}
	
	.news-archive .story.feature { flex-flow:row; margin-bottom: 4rem; }

}


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

/* 1. = Insights

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

.archive-header .wpc-filters-scroll-container .wpc-filters-widget-wrapper {display:inline;}

.archive-header .wpc-filter-category {flex: 0 0 64%;}

.archive-header .wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item label {font-size:14px; background-color:#F2F2F2; text-transform: none; border:1px solid #F2F2F2; color:#343434;}

.archive-header .wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item label a {color:#343434;}

.news-archive .story.feature {background:#F8F4ED; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1); border-radius: 10px;}

.news-archive .story .title {margin-bottom:2rem; justify-content: space-between; align-content: flex-start; align-items: flex-start;}

.news-archive .story.feature .title h2 {flex:0 0 60%; margin: 0; color:var(--purple);}

.news-archive .story.feature .news-image {height:400px;}

.news-archive .story.feature:hover {background:#F8F4ED;}

.news-archive .story date { color: var(--dark); font-size:15px; text-align: left; font-weight: 400; margin: 0;}

.news-archive .story.feature date {color: var(--dark); margin: 0;}

.news-archive .story.feature .tile-footer {justify-content: space-between; align-items: flex-end; align-content: flex-end;}

.news-archive article.story {background:#F8F4ED;}

.news-archive .story .title {position:relative;}

.news-archive .story h2 {text-align: left; margin: 0;}

.news-archive .story .info {justify-content: space-between; align-items: center; position: relative; margin: 0 0 2rem 0;}

.news-archive .story .button {padding:0 38px 0 8px; position: relative;}

.news-archive .story .button:hover {background-color: var(--yellow); color:var(--purple);}

.news-archive .story .button::before {content:""; position:absolute; width:20px; height:20px; right:8px; top:50%; transform: translateY(-50%); background-image: url('assets/images/icons/i-plus.png'); background-size:contain; background-position: center; background-repeat:no-repeat;}

.type-tag {position:relative; background-color:#CC5415; padding:8px 10px 8px 38px; font-size:14px; color:#fff; font-weight: 400; border-radius: 5px;}

.type-tag::before {content:""; position:absolute; width:20px; height:20px; left:8px; top:50%; transform: translateY(-50%); background-image: url('assets/images/icons/i-news.png'); background-size:contain; background-position: center; background-repeat:no-repeat;}

.type-tag.advice {background-color:#AC1D3E; color:#fff;}

.type-tag.advice::before {background-image: url('assets/images/icons/i-advice.png');}

.type-tag.insights {background-color:#F4B95B; color:#343434;}

.type-tag.insights::before {background-image: url('assets/images/icons/i-insights.png');}

.wpc-filters-main-wrap li.wpc-term-item a:hover {border-color:transparent;}

#wpc-term-taxonomy-insights-type-1637 input.wpc-label-input:checked+label span.wpc-filter-label-wrapper {background-color:#CC5415; color:#fff;}

#wpc-term-taxonomy-insights-type-1638 input.wpc-label-input:checked+label span.wpc-filter-label-wrapper {background-color:#AC1D3E; color:#fff;}

#wpc-term-taxonomy-insights-type-1639 input.wpc-label-input:checked+label span.wpc-filter-label-wrapper {background-color:#F4B95B; color:#343434;}

#wpc-term-taxonomy-insights-type-1639 input.wpc-label-input:checked+label span.wpc-filter-label-wrapper a {color:#343434;}

/*

#wpc-term-taxonomy-insights-type-1637 label {background-color:#CC5415; color:#fff;}

#wpc-term-taxonomy-insights-type-1638 label {background-color:#AC1D3E; color:#fff;}

#wpc-term-taxonomy-insights-type-1637 a {color:#fff;}

#wpc-term-taxonomy-insights-type-1638 a {color:#fff;}

.type-tag.insights, #wpc-term-taxonomy-insights-type-1639 label {background-color:#F4B95B; color:#343434;}

#wpc-term-taxonomy-insights-type-1639 a {color:#343434;}

*/


/* 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) {
	
	.news-archive .story.feature {flex: 0 0 48%; border: none; padding-right:0;}
	
	.news-archive .story .title {min-height:95px;}
	
	.news-archive .story.feature .title {min-height:130px;}
	
	.archive-header .wpc-filters-scroll-container .wpc-filters-widget-wrapper {display:flex;}
	
	.archive-header .wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item label {font-size:16px;}
	
	.news-archive .story.feature .title h2 {flex:0 0 80%;}
	
}
	
/* Larger than desktop */
@media (min-width: 1000px) {
	

	
}

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

		
}

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

		
}

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

		
}


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

/* 4. = location pages

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

.ghostkit-google-maps {height:100%;}