/*
Theme Name: TPT 2025
Author: We Are Factory
Author URI: https://www.wearefactory.net/
Version: 7.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 {
    --green: #29C334;
	--dark: #262626;
	--blue: #003E8A;
	--grey: #646464;
}


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

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

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

html {font-size:62.5%; scroll-behavior: smooth;}
body {font-family:fira-sans, sans-serif; font-weight: 400; font-size:1.6em; line-height:1.6; font-style:normal; background-color:#fff; color:#5A5A5A; }

h1, h2, h3, h4, h5, h6 { margin-top:0rem; margin-bottom: 2rem; font-weight: 400; position: relative; line-height: 1.2 }

h1 { font-size: 4rem; }
h2 { font-size: 3rem; }
h3 { font-size: 2.4rem;  }
h4 { font-size: 1.8rem;  }
h5 { font-size: 1.6rem;   }
h6 { font-size: 1.6rem; }

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

ul {list-style: outside; list-style-type:disc; margin-bottom: 2rem;}

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

h1 span.txt-light {font-weight: 300;}

footer h2 {font-size:1.6rem}

/* 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.6rem }
	
	li {font-size:1.6rem; margin-bottom: 10px;}
	
	h1 { font-size: 5rem;  }
	h2 { font-size: 4rem;   }
	h3 { font-size: 3rem;  }
	h4 { font-size: 2rem; }
	h5 { font-size: 1.8rem;  }
	h6 { font-size: 1.6rem; }
	
	footer h2 {font-size:2rem}
	
}

/* Larger than Desktop HD */
@media (min-width: 1500px) {
    
	h1 { font-size: 6rem;  }
	h2 { font-size: 5rem;   }
	
	
}


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

/* 2. = Styles

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

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

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

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

main {margin-top:100px}

a { transition:0.3s all; text-decoration: none; color:var(--blue); font-weight: 600; 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);}

.full-height {display:flex; height: 100%;}

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

.is-style-rounded {border-radius: 200px; overflow:hidden;}

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

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

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

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

.bg-left-1::before {content:""; position:absolute; display:block; height:150%; width:50%; top:50%; left:0; transform:translate(-50%, -50%	); background-image:url(assets/images/interface/l-s-bg-swirl-full.png);background-size: contain; background-position: left center; background-repeat:no-repeat; overflow: visible;}

.bg-left-white-2::before {content:""; position:absolute; display:block; height:150%; width:50%; top:50%; left:0; transform:translate(-50%, -50%	); background-image:url(assets/images/interface/l-s-bg-swirl-full-white.png);background-size: contain; background-position: left center; background-repeat:no-repeat; overflow: visible;}

.bg-right-white-2::before {content:""; position:absolute; display:block; height:150%; width:50%; top:50%; right:0; transform:translate(50%, -50%	); background-image:url(assets/images/interface/l-s-bg-swirl-full-white.png);background-size: contain; background-position: left center; background-repeat:no-repeat; overflow: visible;}

.bg-right-1::before {content:""; position:absolute; display:block; height:130%; width:50%; top:0; right:0; transform:translate(50%, 0	); background-image:url(assets/images/interface/r-s-bg-swirl-full-blue.png);background-size: contain; background-position:  center; background-repeat:no-repeat; overflow: visible;}

.bg-right-grn-2::before {content:""; position:absolute; display:block; height:130%; width:50%; top:0; right:0; transform:translate(90%, -15%	); background-image:url(assets/images/interface/r-s-bg-swirl-full.png);background-size: contain; background-position: right center; background-repeat:no-repeat; overflow: visible;}

.w-dot-bg{background-image:url(assets/images/interface/l-s-bg-swirl-bg-white.png); background-repeat:no-repeat; background-size:80%; background-position:227%;}

.txt-small {font-size:80%;}


.has-t-blue-color {color:var(--blue);}


/* 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:120px;}
    
    
    .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:1200px; margin: 0 auto;}
	
	.wp-block-group {width:100%;}
	
	.container {width:100%;}

	
}

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

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

/* 3. = Header

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


#site-header {position: fixed; padding:0; top:0; width: 100%; background-color:#fff;  color:var(--grey); z-index: 9; transition:0.5s all; box-shadow: 0 3px 6px rgba(0,0,0,0.2); }

#hero.home-hero h1 {color:var(--blue)}

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

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

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

#site-header .top-header {height:120px; width:100%; display:flex; justify-content: space-between; align-items: center; align-content: center; flex-flow:row wrap; }

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

#site-header .primary-menu {margin-right:2rem;}

#site-header .brand img {width:100%; max-width:350px;}


#hero {height:45vh; min-height: 420px; position:relative;}

#hero .hero-slide {position:absolute; width:100%; height:100%; top:0; left:0; background-size:cover; background-position:center;}

#hero .overlay {width:50%; min-width: 400px; display:flex; align-content: center; flex-flow:row wrap;}

#hero.page-hero {height: 280px; min-height: 280px}

#hero .grad-overlay {position:absolute; bottom:0; left:0; width:100%; height:80%; background: #000000; background: linear-gradient(0deg,rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%); color:#fff; display: flex; align-items:flex-end; align-content: flex-end;
}


/* 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) {
	
	#hero.home-hero h1 {font-size:5rem;}
	
	
}

/* Larger than Desktop HD */
@media (min-width: 1500px) {
    
	#hero.home-hero h1 {font-size:7rem; }
   
	
}

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

/* 4. = Footer

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

footer .footer-cta { max-width:1600px; text-align: center; margin: 0 auto 3rem auto; padding: 3vh; background: #29C334; background: linear-gradient(134deg, rgba(41, 195, 52, 1) 50%, rgba(11, 170, 139, 1) 100%); color:#1c1c1c;}

footer {position:relative; color:var(--dark); 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 {width:100%; height: auto; margin: 0 40px 0 0;}

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 .menu-policies-container ul li {display:inline-block; margin-right: 20px;}

.footer-menu {display:none;}

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

.footer-logos {justify-content: space-between; margin: 0 auto 3rem auto; width:100%; border-bottom:1px solid var(--dark);}

.footer-logos .social-logos {flex:0 0;}

.footer-logos .social-logos svg {width:30px; height:auto;}

.credits {flex:1 1;  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 figcaption {font-size:18px; color:var(--blue);}


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



.faq-wrapper .ghostkit-accordion-item .ghostkit-accordion-item-heading>button {font-size:2rem; color:var(--green);}

.services-grid a {border-bottom:none;}

.wp-block-group.about-dana .wp-block-columns {gap:1%;}


// Trustindex plugin

.transitions-reviews .ti-widget.ti-goog .ti-read-more span {opacity:1 !important; color:var(--blue);}

.transitions-reviews .ti-widget.ti-goog .ti-widget-container .ti-date {color:var(--blue);}



.wp-block-group.detail-box .treatment-link a {border-radius:5px; padding: 10px 10px 10px 10px;}

.wp-block-group.detail-box .treatment-link h4 {margin: 0;}

.wp-block-group.detail-box .treatment-link a:hover {border-radius:5px; background-color:rgba(0,0,0,0.2);}


.flex-tile {display:flex; flex-flow:row wrap; justify-content: center;}

.flex-tile .flex-align-base {align-self: flex-end;}


/* 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; }
	
	.wp-block-group.detail-box {overflow:visible;}
	
	.wp-block-group.detail-box::after {content:""; width:100px; height:100px; display: block; background-image:url(assets/images/Services/green-arrow.png); background-size:contain; background-position: center bottom; background-repeat: no-repeat; position:absolute; bottom:93%; left:70px; z-index: 99;}
	
}

/* 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, .wp-block-button a, button, input[type="submit"], input[type="reset"], input[type="button"] {
  display: inline-block;
  background-color:var(--green);
  border: 2px solid var(--green);
  height: 44px;
  padding: 0 25px;
  color: #1c1c1c;
  text-align: center;
  font-size:17px;
  font-weight: 600;
  line-height: 40px;
  text-transform: none;
  text-decoration: none;
  white-space: nowrap;
  border-radius: 5px;
  cursor: pointer;
  box-sizing: border-box; }

.button:hover, .wp-block-button a: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: #1c1c1c;
  border-color: #1c1c1c;
  background-color:transparent;
  outline: 0; 
}

button.blue, .button.blue, .wp-block-button a.blue  {background-color:var(--blue); border-color:var(--blue); color: #fff;}

button.blue:hover, .button.blue:hover, .wp-block-button a.blue:hover  {background-color:transparent; border-color:var(--blue); color: var(--blue);}

a.button.white, .wp-block-button.white a {background:#fff; color:var(--grey);}


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

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




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

}

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

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

.news-archive .news-image {background-color:#ccc; 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; text-align: center;}

.news-archive article.feature {text-align: left;}

.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.03); margin: 0 0 20px 0;}

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

.news-archive article.story.tile:hover h2 {color:var(--green);}

.news-archive article.story.tile:hover {box-shadow: 0 3px 6px rgba(0,0,0,0.1); margin: 0 0 20px 0;}

.news-single article {text-align: left;}

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


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

.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 100%;}
	
	.news-single .related-column {flex:1 1 25%;}


}

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

	.story {flex:0 1 32%;}

	


}

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

}

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

/* 4. = location pages

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

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