/*
 Theme Name:   OSPE Child Theme
 Theme URI:  https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
 Description:  Hello Elementer Child for OSPE
 Author:     Elementor
 Author URI:   URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
 Template:   hello-elementor
 Version:    1.0.0
*/

/* Import the parent theme's stylesheet */
@import url("../hello-elementor/style.css");

/* Your custom styles go below */
@import url("https://use.typekit.net/wyd8plq.css");

@font-face {
  /*  font-family: 'Proxima Soft';
  src: url('fonts/ProximaSoft-Regular.woff2') format('woff2'),
 url('fonts/ProximaSoft-Regular.woff') format('woff'),
 url('fonts/ProximaSoft-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;*/
}



:root{
  --h1size:40px;
  --h2size:40px;
  --h3size:28px;
  --h4size:24px;
  --h5size:20px;
  --h6size:18px;
  --primarycolor: #005F85;
  --secondarycolor: #E81D25;
  --white: #fff;
  --black: #1a1a1a;	
  --lightblue: #E8F4FD;
  --warmlightgrey: #F2F2F3;	
  --coollightgrey: #E8EBEF;
  --navyblue: #1D386A;
  --softblue: #5EA8DC;
  --coolgrey: #A3A7A9;
  --teal: #19A3AC;
  --purple: #782580;
  --yellow: #FEBB12;
  --orange: #FF9731;
  
  }  
  
  h1, h2, h3, h4, h5, h6, .elementor-heading-title {  margin-block-start: 0rem;  margin-block-end: 0.75rem;}
  
  h1{  font-size: var(--h1size);  margin-bottom: 20px   ;  line-height: 1.2;   font-weight: 400; color: var(--primarycolor); margin-top: 0;}
  h2{  font-size: var(--h2size);  font-weight: 400;  padding-bottom:10px;   line-height: 1.2 !important;  color: var(--primarycolor); }
  h3, h2.video-h {  font-size: var(--h3size);  font-weight: 400;   line-height: 1.2 !important;  color: var(--primarycolor); }
  h4{  font-size: var(--h4size);  font-weight: 400;   line-height: 1.2 !important;  color: var(--primarycolor); }
  h5{  font-size: var(--h5size);  font-weight: 400;   line-height: 1.2 !important;  color: var(--primarycolor); }
  h6{  font-size: var(--h6size);  font-weight: 400;  color: var(--primarycolor); }
  
  .event-banner .elementor-widget-html{position: absolute; height: 70px;    width: 70px;}
  .date-box-absolute {  position: absolute;    height: 70px;    width: 70px;   top: 30px;    left: 30px;}
  .date-box { background: var(--black); border-radius: 3px; color: #fff; text-align: center; height: 100%; display:list-item;}
.date-box .date-month {font-size: 14px;}
.date-box .date-day {    font-size: 32px; font-weight: 500; line-height: 1;}

  body {
    font-size: 20px;
    overflow-x: hidden;
    color: var(--black);
   /*   font-family: 'Proxima Soft';*/
    font-family:"proxima-soft";

  }
  a {color: var(--primarycolor);}
  a:hover, .red-link a {color: var(--secondarycolor);}
  .red-link a:hover {text-decoration: underline;}

  p {  margin-block-end: 1.7rem;}
  b, strong {    font-weight: 500;}
  .elementor-element {  --widgets-spacing: 15px 16px;}
  
  .p-30 {padding: 30px;}
  .p-100, .getin-touch {padding-top: 100px; padding-bottom: 100px;}
  .p-top-100 { padding-top: 100px;}
  .p-bottom-100 { padding-bottom: 100px;}
	.p-50{padding-top:50px; padding-bottom:50px;}
.p-top-50{padding-top:50px;}
.p-bottom-50{padding-bottom:50px;}
  
  .p-60, .page-content > .elementor > .e-con.p-60 {padding-top: 60px; padding-bottom: 60px ;}
  .padding-tp, .page-content > .elementor > .e-con.padding-tp {padding-top: 80px;}
  .padding-btm, .page-content > .elementor > .e-con.padding-btm {padding-bottom: 80px;}
  .padding-half, .page-content > .elementor > .e-con.padding-half {padding-top: 50px; padding-bottom: 50px;}
  .breadcrumb + .p-100 { padding-top: 50px;}

  button:hover, button:focus, [type=submit]:hover, [type=submit]:focus, [type=button]:hover, [type=button]:focus {  color: #ffffff;  background-color: var(--primarycolor);}
  input:focus-visible {   outline-width: 1px !important;    outline-style: solid !important; outline-color: var(--black) !important;}
  input[type=text], input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=url], select, textarea, input[type=month] {border-color: var(--primarycolor);     border-radius: 3px;
    font-size: 16px; padding: 15px; color:var(--primarycolor);}

  input[type=text]:focus, input[type=date]:focus, input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=url]:focus, select:focus, textarea:focus {
      border-color: var(--primarycolor);
  }
  .filter-dropdown select, select {-webkit-appearance: none; background-image: url('images/select-down.svg');
    background-repeat: no-repeat, repeat;
    /* arrow icon position (1em from the right, 50% vertical) , then gradient position*/
    background-position: right 25px top 52%, 0 0;
    /* icon size, then gradient */
    background-size: 18px auto, 100%;}

  .elementor-widget-text-editor ul,  .elementor-widget-text-editor ol {margin-bottom: 1.7rem;}

   ul, ol {}
   li {list-style-position: outside;}

  /* header */
.notification-bar p { margin: 0;  font-size: 16px;  font-weight: 500;}
.notification-bar p a {color: var(--softblue);}
.notification-bar p a:hover {color: var(--coolgrey);}

.elementor-nav-menu--main .elementor-nav-menu a {color: var(--black);}
.elementor-nav-menu--main .elementor-nav-menu a:hover,  {color: var(--primarycolor)}
.hd-search.elementor-widget-image { border: 1px solid var(--primarycolor);  border-radius: 3px;  padding: 6px 12px;}
.hd-search.elementor-widget-image a img {  top: -2px; position: relative;}
.e-n-menu-item .e-n-menu-title:has(button[aria-expanded="true"]) {  border-bottom: 2px solid var(--secondarycolor) !important}


.hd-search {
	position: relative;
	display: inline-block;
	/*margin: 4px 2px;
	height: 50px;
	width: 50px;
	vertical-align: bottom;*/ 
}

.hd-search .mglass {
	display: inline-block;
	pointer-events: none;
	/*-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);*/
  border: 1px solid var(--primarycolor);  border-radius: 3px;  padding: 10px 12px 7px;
}

.hd-search .searchbutton {
	/*position: absolute;
	font-size: 22px;
	width: 100%;
	margin: 0;
	padding: 0;*/
}

.hd-search .search:focus + .searchbutton {
	transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-webkit-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
  border-left: none;
  border-radius: 0 3px 3px 0;
}

.hd-search .search {
	position: absolute;
	left: 44px; /* Button width-1px (Not 50px/100% because that will sometimes show a 1px line between the search box and button) */
	background-color: white;
	outline: none;
	border: none;
	padding: 0;
	width: 0;
	height: 100%;
	z-index: 10;

	transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-webkit-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
}

.hd-search .search:focus {
	width: 230px; /* Bar width+1px */
	padding: 0 16px 0 0;
  border: 1px solid var(--primarycolor);
  border-right: none; 
  border-radius: 3px 0 0 3px;
  outline: none !important;
}

.hd-search .expandright {
	left: auto;
	right: 44px; /* Button width-1px */
}

.hd-search .expandright:focus {
	padding: 0 0 0 16px;
}


  .banner-box {  padding: 20px;}
  .button-tag .elementor-widget-container {  padding: 0 5px 5px 5px !important;  line-height: 1;}
  .softblue-border {}
  .banner-box .elementor-widget-image img {border-radius: 3px;}

  .banner-boxes > .e-child {  padding: 30px;}
  .banner-boxes .elementor-widget-image .elementor-widget-container,
  .banner-boxes .elementor-widget-text-editor h5 {  margin: 0 0 8px;}
  .banner-boxes .elementor-widget-text-editor a {text-decoration: underline; font-size: 16px;}
  .banner-boxes .elementor-widget-text-editor p:last-child {margin-bottom: 0;}
  .banner-boxes .elementor-widget-image .elementor-widget-container img {  height: 76px;  width: auto;}

  .page-content > .elementor > div.breadcrumb + .p-100 {padding-top: 60px;}

  
  .banner-boxes .elementor-widget-image .elementor-widget-container,
  .event-summary-boxes .elementor-widget-image .elementor-widget-container {  padding: 15px;  height: auto; border-radius: 3px; margin-bottom: 0; }
  .event-summary-boxes .elementor-widget-image .elementor-widget-container  {min-width: 110px; min-height: 110px; display: flex;    justify-content: center; padding: 0;    align-items: center;}
   .event-summary-boxes .elementor-widget-divider { position: absolute; bottom: 30px; left: 30px;  right: 30px;  width: auto;}
  .event-summary-boxes > .e-child:has(.elementor-widget-divider)  {padding-bottom: 40px;}
  .event-summary-boxes .elementor-widget-container p:last-child {margin-bottom: 0;}
  .event-summary-boxes .elementor-widget-image img {height: 76px; width: auto;}

   .hero-box {padding: 10px 20px 10px 50px; border: 1px solid var(--softblue) !important;}
  .event-summary-boxes .e-con.e-child {  padding: 30px;  background-color: var(--white);}
  .event-summary-boxes .e-con.e-child.no-padding {padding: 0;}
  .event-summary-boxes .e-con.e-child.no-padding h5 { margin-bottom: 0;}
  .row-box-content {    padding-bottom: 30px;}
    
  .task-forces {}
  .task-forces .elementor-widget-image .elementor-widget-container {  border-radius: 3px; padding: 40px 0;}
  .task-forces .elementor-widget-image {  margin-block-end: 10px !important;}

  .task-force-chairs .e-con-full {text-align: left;}
  .task-force-chairs .elementor-widget-image {  border-bottom: 1px solid var(--softblue);   padding-bottom: 30px;}
  .task-force-chairs .elementor-widget-image img {  max-width: 140px;}
  .task-force-chairs .force-detail p, 
  .building-team .force-detail p {font-size: 18px; margin-bottom: 0;}

  .elementor-button.elementor-size-sm .elementor-button-icon svg  {width: 0.8em; margin-left: 5px;}

/* Custom read more */
.read-more-text { display: none;}

.task-force-chairs .elementor-widget-text-editor p {   min-height: 54px;}
.task-force-chairs .elementor-widget-text-editor p:last-child {margin-block-end: 0;}
.task-force-chairs.bm-report .elementor-widget-image {border-color: var(--secondarycolor);}

.task-force-chairs .elementor-widget-container:has(.more-text[style="display: none;"]) .visible-text:after {/*content: "[...]"; position: relative; top: -1px;*/}
.task-force-chairs .read-more-btn { color: var(--primarycolor);  cursor: pointer;  text-decoration: underline;     margin-top: 15px;  display: table; line-height: 1;  font-size: 16px; background: url(images/read-more.png) right top 3px  no-repeat; padding-right: 20px;}
.task-force-chairs .oand-readmore:has(.more-text[style="display: inline;"]) .read-more-btn {background-image: url(images/read-more-r.png)}

  .footer * {color: #fff;}
  .bottom-links a {color: var(--black)}
  .bottom-links a:hover {color: var(--secondarycolor);}

  /* menu */
  .e-n-menu-content {font-size: 16px;} 
  .elementor-nav-menu a, .elementor-nav-menu a:focus, .elementor-nav-menu a:hover {line-height: normal;}
  .sub-menu-dd {  background: #fff;  border-radius: 3px;  margin: 10px 0;     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);}
  .sub-menu-dd > .e-child {  padding: 25px 25px 25px 18px; border-right: 1px solid var(--coollightgrey);}
  .sub-menu-dd > .e-child .elementor-element {  --widgets-spacing: 10px 15px;}
  .sub-menu-dd .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child) {}

  header .elementor-widget-n-menu .e-n-menu-heading {justify-content: space-around;}
  .e-n-menu-content h5.elementor-heading-title {position: relative; text-transform: uppercase;  font-size: 16px;  font-weight: 500; margin-bottom: 0; }
  .e-n-menu-content h5.elementor-heading-title a {    text-decoration: underline;}
  .e-n-menu-content h5.elementor-heading-title:has(a):after {/*display: inline-block; background: url(images/arrow-right.png) center center no-repeat;   content: "";   width: 12px;  height: 12px; left: 5px;  position: relative;*/}
  .e-n-menu-content p {   margin-block-end: 1.2rem;}
  .e-n-menu-content p:last-child {   margin-block-end: 0;}
  .e-n-menu-content p a {text-decoration: underline;}

  .breadcrumb {font-size: 14px;} 
  .brd-separater {padding: 0 10px;}
  .breadcrumb .brd-home {  position: relative;  top: 1px;}
  .breadcrumb a {  color:var(--black);}
  .breadcrumb a:hover {color: var(--primarycolor);}

  .event-summary-boxes.rightbar {}
.post-cat-list {}

.ospe-posts .elementor-post__card {}
.ospe-posts .post-meta {}

body.single-post .elementor-widget-theme-post-excerpt {/*display: none;*/}
.elementor-location-single > div:not(.breadcrumb) {  max-width: 810px !important;  margin: 0 auto;}
.elementor-location-single > div.full-width {max-width: 100% !important; }
.cs-post-info {}

.cs-post-info li.elementor-inline-item:first-child .elementor-icon-list-icon  {padding-right: 10px;}
.cs-post-info li.elementor-inline-item:not(:first-child) .elementor-icon-list-icon {position: absolute;  top: -18px;  right: -10px;}
.cs-post-info li.elementor-inline-item:nth-child(2) .elementor-icon-list-icon  {right: inherit; left: 7px;}
.cs-post-info li.elementor-inline-item:nth-child(3) .elementor-icon-list-text, 
.cs-post-info li.elementor-inline-item:nth-child(4)  .elementor-icon-list-text {  color:var(--primarycolor) !important;  border-bottom: 1px solid var(--primarycolor);}
.elementor-location-single .elementor-widget-text-editor {font-size: 18px;}
.elementor-widget-text-editor p + ul, .elementor-widget-text-editor p + ol {margin-top: -20px;}
.elementor-widget-text-editor ul, .elementor-widget-text-editor ol {margin-bottom: 20px; }
.elementor-widget-text-editor ul ul, .elementor-widget-text-editor ul ol, .elementor-widget-text-editor ol ul, .elementor-widget-text-editor ol ol {  padding-left: 20px;}

.post-cat-list .elementor-post-info__item--type-terms {border: 1px solid;  padding: 5px 8px;  border-radius: 3px;  font-weight: 500;}



  /* Checkbox styling */
  #ospe-filter-form .filter-group {  margin-bottom: 20px;}
  .styled-checkbox {display: flex;align-items: center;margin-bottom: 10px;}
  .styled-checkbox input[type="checkbox"] { appearance: none; background-color: var(--lightblue); border: none; border-radius: 0px; width: 24px; height: 24px; position: relative; margin-right: 10px;}
  .styled-checkbox input[type="checkbox"]:checked::before {content: ""; background-image: url(images/icon-close.png); width: 16px; height: 16px; position: absolute; top: 4px; left: 4px; }
  .styled-checkbox label {font-size: 16px;}

  .archive-heading {  margin-bottom: 0;   }

  /* Search and Filter Section */
  .search-filter-wrapper { display: flex; justify-content: space-between; align-items: center; width: 100%;}
  .search-bar-filter-wrapper { display: flex; justify-content: flex-end; align-items: center; gap: 20px; }
  .search-bar-wrapper input[type="text"] { width: 300px; padding: 10px 10px 10px 40px; border-radius: 3px; border: 1px solid var(--primarycolor); font-size: 16px;
 background: url(https://ospeca.kinsta.cloud/wp-content/uploads/2024/10/icon-search.svg) no-repeat center left 10px;  }

 .filter-button-wrapper {position: relative;max-width: 280px; margin-left: auto;  flex-shrink: 0;}
 .filter-button { padding: 10px 50px 10px 50px; background: #fff  url(https://ospeca.kinsta.cloud/wp-content/themes/ospe-child-theme/images/icon-filter.svg) no-repeat center left 10px; width: 280px; color: white; border: none; border-radius: 3px; cursor: pointer; text-align:left;  }
.filter-button:hover, .filter-button:focus {background-color:#fff; color: var(--primarycolor);}
.filter-button:after {  content: "";  background: url(https://ospeca.kinsta.cloud/wp-content/themes/ospe-child-theme/images/icon-carat-down.svg) no-repeat center left;  width: 20px;  height: 10px; position: absolute;  right: 20px;  top: 18px;}
.filter-button-wrapper:has(.filter-dropdown-content[style="display: block;"]) .filter-button:after {  transform: rotate(180deg);}
#filter-dropdown { display: none; position: absolute; top: 50px; right: 0; background-color: white; border: 1px solid #ddd; padding: 20px; border-radius: 3px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); z-index: 10; width: 280px;  }
.ospe-filter-posts-wrapper { display: flex; justify-content: space-between; align-items: flex-start; min-height: 400px;}
.ospe-posts { flex: 2; margin-right: 20px; min-height: 300px;}


/* https://ospeca.kinsta.cloud/achieve/ */
 
  /* Filter Search Shortcode  */
  .ospe-filter-posts-wrapper { display: flex; flex-wrap: wrap; gap: 20px; padding: 30px 15px;  max-width: 1230px; margin: 0 auto;  }
  .ospe-posts {flex: 2;}
  .ospe-filters {flex: 1;  border: 1px solid var(--primarycolor);  padding: 15px 25px; border-radius: 3px; max-width: 282px;    }
  .ospe-filter-posts-wrapper.grid-search .grid-layout {flex: initial; margin-right: 0;}
  .ospe-filter-posts-wrapper.grid-search .grid-layout > article { width: 100%;  overflow: hidden;}
  .ospe-filter-posts-wrapper.grid-search .elementor-post__card > a {  overflow: hidden;}
  .ospe-filter-posts-wrapper.grid-search .elementor-post__card img {  max-width: inherit; height: 220px; width: auto; position: relative; left: 50%; transform: translateX(-50%);}
  .ospe-filter-posts-wrapper.grid-search .elementor-post__card p.post-meta {margin-bottom: 0;}
  
  .elementor-post__card h2 a {color: #333; text-decoration: none;   }
  .elementor-post__card h5, .elementor-post__card h5 a,
  .elementor-post__card h3, .elementor-post__card h3 a {  color: var(--black);  text-decoration: none;   margin: 10px 0 30px;  }
  .elementor-post__card h5 a:hover, .elementor-post__card h3 a:hover {color: var(--primarycolor);} 


/* Collapsible Filter Styling */
.filter-button:after { content: ""; background: url(https://ospeca.kinsta.cloud/wp-content/themes/ospe-child-theme/images/icon-carat-down.svg) no-repeat center left; width: 20px; height: 10px; position: absolute; right: 20px; top: 18px;    }
#filter-dropdown { display: block; /* Default to open */ position: absolute; top: 50px; right: 0; background-color: white; border: 1px solid #ddd; padding: 20px; border-radius: 3px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); z-index: 10; width: 100%;    }
.ospe-posts .elementor-post__card { border-bottom: 1px solid #ededed; padding-bottom: 15px; margin-bottom: 20px; min-height: 100px;    }

/* search result page */
.list-search .post-meta .post-topics,
.list-search .post-meta .post-ospe-type  {border-bottom: none;}
.ospe-posts .elementor-post__card h3 {font-size: 20px; margin: 0 0 10px;}
.list-search .elementor-post__card p {margin-block-end: 1rem;}
.ospe-posts .elementor-post__card > p {font-size: 18px; }


 /* Grid Layout for Posts */
  .grid-search  .grid-layout { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
  .grid-search .elementor-post__card h5 {margin-bottom: 10px;}
  /* Post card styling */
 .grid-search .elementor-post__card { padding: 30px; background-color: #fff; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); display: flex; flex-direction: column; justify-content: space-between; gap:10px;}
 .grid-search .elementor-post__card img { width: 100%; height: auto; border-radius: 10px;}
  
  /* Post Title Styling */
  
  .elementor-post__card .post-meta {  font-size: 14px; color: var(--primarycolor);}
  .grid-search .elementor-post__card .post-meta > span:after { content: "|"; padding-left: 7px; margin-right: 7px; display: inline-block;}
  .elementor-post__card .post-meta > span:last-child:after {display: none;}
  .grid-search .elementor-post__card .post-meta > span:empty { display: none;}

  
  /* Meta information styling */
  .elementor-post__card p.post-meta { display: flex; flex-wrap: wrap; gap: 10px; font-size: 14px;    }
  .post-meta .post-date { font-weight: 500; color: var(--black);   }
  .post-meta .post-topics,    .post-meta .post-ospe-type { display: inline; /*border-bottom: 1px solid var(--primarycolor);   */ }
  .post-meta a { text-decoration: none; color: var(--primarycolor);    }
  .post-meta a:hover { text-decoration: underline;    }

  /* Pagination Styling */
  /*.pagination { display: flex; justify-content: left; gap: 10px; margin-top: 20px;    } */
    .pagination { display: flex; justify-content: flex-start; gap: 10px; margin-top: 20px;margin-left: 0;width: 0; }  
  .pagination > .page-numbers{display: inline-block;}
  .pagination a.page-numbers, .pagination .page-numbers.current  {  text-decoration: none; cursor: pointer; border:1px solid var(--primarycolor); border-radius: 3px; width:48px; height:48px; text-align: center;  display: inline-block;     line-height: 46px; }
  .pagination a.page-numbers:hover,
  .pagination .page-numbers.current { background-color: var(--primarycolor); color: white; pointer-events: none;  }
  .pagination .prev,    .pagination .next {     }
  .pagination .prev:hover,    .pagination .next:hover { background-color: var(--primarycolor); color: white;    }
  .pagination .dots { padding: 8px 12px; color: var(--primarycolor); font-size: 14px; pointer-events: none;}

  .elementor-widget-container > .search-bar-wrapper { width: 100%; padding: 40px; margin-bottom: 40px; text-align: center; background-color: var(--coollightgrey);    }
  .elementor-widget-container > .search-bar-wrapper input[type="text"] { width: 100%; padding: 17px 17px 17px 47px; border-radius: 3px; border: 0px solid var(--primarycolor); font-size: 16px; max-width: 790px; background: #fff url(https://ospeca.kinsta.cloud/wp-content/uploads/2024/10/icon-search.svg) no-repeat center left 10px; outline: 1px solid var(--primarycolor);    }
  .search-results-count {    text-align: left;    font-size: 24px;    color: var(--primarycolor);    max-width: 1204px;    margin: 0 auto;}

  /* Comments Section Modification */
/* Flexbox for Name and Email fields side by side */
#comments .comment .comment-body, #comments .pingback .comment-body {padding-inline-start: 0px; padding-block-start: 20px; border-block-end: 1px solid #E9EDEF; flex-wrap: wrap; flex-direction: row;}
#comments .comment .comment-body .comment-content {  width: 100%;}
#comments .comment .comment-body .comment-content p {      margin-block-end: 1.2rem;}
#comments .comment-meta {order: 1;     justify-content: left;     margin-block-end: 0; align-items: baseline; }
#comments .comment-meta > div {white-space: nowrap;}
#comments .comment-meta > div:after {  content: "|";      margin-left: 5px;  margin-right: 8px;}
#comments .comment .avatar, #comments .comment-author .says {display: none;}
#comments .comment-author .fn,  #comments .comment-meta  a {font-weight: 400; color: var(--black);}
#comments .comment-author .fn:hover,  #comments .comment-meta  a:hover {color: var(--primarycolor);}
#comments .reply {text-decoration: underline; color: var(--primarycolor); order: 2; margin-left: 5px;}


h2.title-comments {  font-size: 20px;  border-top: 1px solid var(--primarycolor);  border-bottom: 1px solid var(--primarycolor);  padding: 20px 0;  margin-top: 30px; color: var(--black);}
h2.comment-reply-title   {  font-size: 24px;  margin-top: 60px; color: var(--black);}
#comments .comment-metadata {  font-size: 16px; /*margin-top: 60px;*/}
#comments .reply {  font-size: 16px;}

.comment-form-author,.comment-form-email {   display: inline-block;    width: 48%;    margin-right: 2%; /* Add some space between the fields */}
.comment-form-email {   margin-right: 0; /* Remove the margin from the last field */}
.comment-form-comment { clear: both; width: 100%;}
.comment-form-author input, .comment-form-email input, .comment-form-comment textarea {    width: 100%; }
.comment-form > p {font-size: 16px;}
/* Textarea styling */
.comment-form-comment textarea {    height: 150px;    resize: none;}

/* Submit button */
.comment-form .submit {   padding: 10px 20px;    border: none;    border-radius: 3px;    cursor: pointer;  color: var(--primarycolor);}
.comment-form .submit:hover {    background-color: var(--primarycolor); color: var(--white);}

.footer-links-holder .footer-links {-webkit-transition: max-height 0.5s;  transition: max-height 0.5s;}
.elementor-location-footer .elementor-nav-menu--dropdown {background-color: transparent;}
.elementor-location-footer .elementor-widget-text-editor p:last-child {margin-block-end: 0;}
.elementor-location-footer .elementor-nav-menu--dropdown .elementor-item.elementor-item-active,
.footer-links-holder .elementor-nav-menu--dropdown a:hover,
.elementor-location-footer .elementor-nav-menu--dropdown .elementor-item:hover {    text-decoration: underline; background-color: transparent;}

.footer-links-holder .elementor-nav-menu--dropdown a {   color: #fff; padding: 0 0 8px;}
.footer-bottom p.elementor-heading-title {  margin-block-end: 0rem;  }


/* asset-management */
.hero-box.p-60 {margin-top: 60px;  margin-bottom: 60px;}

/* timeline */
.timeline-text > .elementor-widget-text-editor {padding: 30px;  border-bottom: 1px solid var(--softblue);}
.timeline-text > .elementor-widget-text-editor p:last-child {margin-block-end: 0;}
.timeline-text > .elementor-widget-text-editor:last-child {border-bottom: none;}
.achv-years .e-n-accordion-item-title-text {font-size: 30px; background-color: #19A3AC40;  padding: 5px 15px;  border-radius: 3px 0 0 3px;  color: #1d386a; position: relative;}
.achv-years .e-n-accordion-item-title-text:after {    width: 0; content: "";  height: 0;  border-style: solid;  border-top: 21px solid transparent;  border-bottom: 20px solid transparent;  border-left: 21px solid #c5e8ea;
  border-right: 0;  right: -20px;  position: absolute;  top: 0px;}
.achv-years .timeline-year { border-bottom: 1px solid #5ea7db !important;  margin-top: -1px !important;}


/*engineering-employment-events*/
.testimonial-fw.elementor-widget-testimonial-carousel .elementor-main-swiper {width: 100%;}
.table-list {  border: 1px solid var(--softblue);  border-radius: 3px;  padding: 20px 30px;}
.table-list ul { padding-left: 0;}
.table-list ul:last-child {margin-bottom: 0;}
.table-list ul li {  list-style: none;  border-bottom: 1px solid var(--softblue);  padding: 5px 0;}
.table-list ul li:last-child {border-bottom: none;}

.elementor-widget-testimonial-carousel .elementor-testimonial__image img {    height: auto !important;}

/* unset-gallery*/
.unset-gallery .gallery  {display: table;}
.unset-gallery .gallery .gallery-item {vertical-align: middle;}

/* video page engtalks */
.elementor-shortcode .tagsearch {font-size: 18px;}
.elementor-shortcode .tagsearch select {margin-top: 10px;}
.elementor-shortcode .video-container {padding-top: 0;}
.elementor-shortcode .video-time {text-align: left;  color: var(--secondarycolor);}
.elementor-shortcode .video-boxd {line-height: 1.4;}
.elementor-shortcode a.row-tag {border-radius: 3px;}
.elementor-shortcode .video-box-tags {font-weight: normal}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {opacity: 0.8;}
.elementor-shortcode .slick-prev { left: -35px !important;}
.elementor-shortcode .slick-next { right: -35px !important;}
.elementor-shortcode .slick-prev, .elementor-shortcode  .slick-next {font-size: 0; border: none;}

.video-cat {margin-bottom: 50px;}
.video-cat .videos-container {justify-content: space-between;     margin: 0 auto;     gap: 30px;}
.video-cat .videos-container .video-container {  width: calc(33.33% - 30px);  margin: 0 auto; flex: 1;}
.video-cat .video-container .row-video {min-height: 190px;  width: 100%;}
.video-cat .video-container a {text-decoration: none;}

/* single-event*/
.tribe-events-single .tribe-events-sub-nav {padding-left: 0;}
.page-id-135987 .page-content {background-color: #E8EBEF;}

#tribe-events-pg-template {    max-width: 1230px;  padding: 60px 15px; }
.tribe-events-single-event-title {font-size: var(--h1size); margin-bottom: 20px;  line-height: 1.2;  font-weight: 400;  color: var(--primarycolor);  margin-top: 0;}
.tribe-events-content ol, .tribe-events-content ul {    padding: 0 0 0 35px;}
.tribe-events-content ol li, .tribe-events-content ul li {padding-bottom: 15px;}
.tribe-events-content ol, .tribe-events-content p, .tribe-events-content ul {font-size: 20px;  color: var(--black);  font-family: "proxima-soft"; font-weight: 400;  line-height: 1.5;}

.tribe-events-content p {    margin-block-end: 1.7rem;}
.tribe-events-single .tribe-events-sub-nav .tribe-events-nav-next a, .tribe-events-single .tribe-events-sub-nav .tribe-events-nav-previous a {color: var(--primarycolor);}
.tribe-events-single .tribe-events-sub-nav .tribe-events-nav-next a:hover, .tribe-events-single .tribe-events-sub-nav .tribe-events-nav-previous a:hover {color: var(--black);}
.tribe-events-widget .tribe-events-widget-events-list__event-date-tag-datetime {align-items: normal;  justify-content: center;}
    .event-filters {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 15px;
            margin-bottom: 30px;
        }

        .event-filters > div {
            flex: 1;
            min-width: 150px;
        }

        .filter-calendar input,
        .filter-dropdown select,
        .filter-buttons .filter-btn {
            width: 100%;
            padding: 15px 25px;
            border-radius: 3px;
            background-color: white;
            box-shadow: none !important;
            color: var(--primarycolor) !important;
            font-size: 18px;
            border: 1px solid var(--primarycolor); 
        }
        .filter-calendar input::placeholder {color: var(--primarycolor);      }

        .filter-calendar input:focus, .filter-dropdown select:focus, .filter-buttons .filter-btn:focus {outline: 1px !important;    box-shadow: none !important;}
        .filter-buttons .filter-btn:hover, .filter-buttons .filter-btn.active {color: #fff !important; background-color: var(--primarycolor);}

        .filter-buttons {
            display: flex;
            gap: 10px;
        }

        .filter-btn {
            flex: 0 1 auto;
            background-color: transparent;
            color: var(--primarycolor);
            border: 1px solid var(--primarycolor);
            border-radius: 4px;
           /* text-transform: uppercase; */
            font-size: 14px;
            padding: 10px 15px;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .filter-btn:hover {
            background-color: var(--primarycolor);
            color: #fff;
        }

        .event-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
            align-items: stretch;
        }

        .event-card {
            display: flex;
            flex-direction: column;
            background-color: #fff;
            overflow: hidden;
            padding: 30px;
            border-radius: 3px;
        }

        .event-card:hover {
        }
.tribe-events-widget-events-list__events {}
.tribe-events-widget-events-list__events .tribe-common-g-row {    gap: 0 30px;     border-bottom: 1px solid var(--softblue);     padding-bottom: 20px;}
.tribe-events-widget-events-list__events .tribe-events-widget-events-list__event-date-tag {    background-color: #e8f4fd; padding: 10px; border-radius: 3px;}
.tribe-common .tribe-common-h7 {font-weight: 400; font-size: 22px;}
.tribe-common--breakpoint-medium.tribe-common .tribe-common-b2 {font-size: 16px;}

.wicket__address-form select.form__select {  margin-bottom: 20px;  margin-top: 15px;}
        
.event-card .event-image-wrapper { height: 240px; overflow: hidden;  border-radius: 3px;  margin-bottom: 25px;}
.event-card .event-image-wrapper img {    max-width: none;  height: 240px; }

        .event-image-wrapper {
            position: relative;
        }

        .date-box-absolute {
            position: absolute;
            top: 0px;
            left: 0px;
            background-color: var(--black);
            color: #fff;
            border-radius: 4px;
            padding: 5px 10px;
            text-align: center;
        }

        .date-box .date-month {
            font-size: 12px;
            font-weight: 600;
            text-transform: uppercase;
        }

        .date-box .date-day {
            font-size: 20px;
            font-weight: bold;
        }

        .event-image {
            width: 100%;
            height: 180px;
            object-fit: cover;
        }

        .event-content {
           /* padding: 15px 20px;*/
        }

        .event-category {
            display: inline-block;
            margin-bottom: 10px;
            font-size: 14px;
            color: var(--secondarycolor);
            border: 1px solid #d9534f !important;
            border-radius: 3px;
            padding: 3px 8px;
        }

        .event-title {
            margin: 0 0 15px;
            color: var(--black);
        }
        .event-content .event-dates, .event-content .event-cpd {font-size: 16px; margin-bottom: 0px;     margin-top: 2px;}
 
        .elementor-button, .bootstrap .wicket .btn-primary {
            display: inline-block;
            text-decoration: none;
            color: var(--primarycolor);
            border: 1px solid var(--primarycolor);
            padding: 14px 18px;
            border-radius: 4px;
            text-align: center;
            transition: all 0.3s ease;
        }

        .elementor-button:hover {
           /* background-color: var(--primarycolor);
            color: #fff;*/
        }
        .elementor-button.button-reverse {background-color: var(--primarycolor); color: var(--white);}
        .add-to-calendar button.elementor-button img {padding-top: 1px; padding-bottom: 1px; }
        .add-to-calendar button.elementor-button img, .share-popup-container button.elementor-button img {vertical-align: sub;padding-right: 5px;     }
        .add-to-calendar .calendar-dropdown {    display: block;         border: 1px solid rgb(221, 221, 221);          padding: 10px;          list-style: none;          max-width: 178px;          margin: 0 auto;         text-align: left;         font-size: 16px;      }
        .add-to-calendar .calendar-dropdown a {color: var(--black);      }
        .add-to-calendar .calendar-dropdown a:hover {color: var(--primarycolor);      }

        #load-more-wrapper {
            display: flex;
            justify-content: center;
            margin-top: 60px;
        }

        #load-more-events {
            /*padding: 10px 20px;
            font-size: 16px;
            background-color: var(--primarycolor);
            color: #fff;
            border: none;
            border-radius: 4px;*/
            cursor: pointer;
            transition: background-color 0.3s ease;
        }

        
        /* General Flatpickr Styles */
        .flatpickr-calendar {
            border: 1px solid var(--primarycolor) !important;
            border-radius:0 0 3px 3px;
            font-family: "proxima-soft";
            padding: 20px 10px 10px !important;
            width: 289px !important;
        }
        .flatpickr-calendar.open {z-index: 9 !important;}

        /* Header Styles */
        .flatpickr-month {
            display: flex !important;
            justify-content: space-between !important;
            align-items: center !important;
            border-bottom: 1px solid #E8EBEF !important;
        }

        .flatpickr-months {
            display: flex;
            justify-content: center;
        }

        .flatpickr-prev-month,
        .flatpickr-next-month {
            background-color: transparent;
            border: none;
            font-size: 18px;
            color: #007bff;
            cursor: pointer;
        }

        /* Year Selector */
        .flatpickr-current-month {text-align: center;     padding-top: 0 !important;        }
        .flatpickr-current-month input.cur-year {    box-shadow: none !important;   font-size: 18px !important; font-weight: 400 !important;   margin-top: -8px !important;}
        .flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg { width: 17px !important; height: 17px !important;}
        .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, .flatpickr-months .flatpickr-next-month.flatpickr-prev-month {    left: 15px !important; top: 10px !important; fill:var(--primarycolor); stroke: var(--primarycolor);}
        .flatpickr-months .flatpickr-prev-month.flatpickr-next-month, .flatpickr-months .flatpickr-next-month.flatpickr-next-month {    right: 15px !important; top: 10px !important; fill:var(--primarycolor); stroke: var(--primarycolor);}

        .flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {top:3px}
        /* Month Selector */
        .flatpickr-monthSelect-months {display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; padding: 10px 0;        }

        .flatpickr-monthSelect-month {
            width: 57px !important;
            height: 40px;
            display: flex !important;
            align-items: center;
            justify-content: center;
            font-size: 18px;
            cursor: pointer;
            transition: all 0.3s ease;
            border: none;
            color: #1a1a1a !important;
        }

        .flatpickr-monthSelect-month:hover {background-color: #E8F4FD !important; border: none !important;}
        .flatpickr-monthSelect-month.today, .flatpickr-monthSelect-month.selected { background-color: #E8F4FD !important; border-color: transparent !important}

        /* Dropdown Arrow */
        .flatpickr-arrow {
            display: none; /* Hide arrow for simplicity */
        }

        /* Adjusting the position */
        .flatpickr-calendar {
            top: 40px; /* Space below the input field */
        }

        /* Input Field Styling */
        .filter-input {ursor: pointer;}

        .filter-input:focus {
            outline: none;
        }

 /* gravity form */
 .gform_body .gform-field-label--type-sub {  padding-bottom: 10px;}
 .gform_body .gfield_radio, .gform_body .gfield_checkbox { display: flex;gap: 0px 20px; padding-bottom: 10px;}
 .gform_wrapper.gravity-theme .field_description_above .description, .gform_wrapper.gravity-theme .field_description_above .gfield_description, .gform_wrapper.gravity-theme .field_description_above .gsection_description, .gform_wrapper.gravity-theme .field_description_above .instruction {margin-top: 0; padding-top: 0; padding-bottom: 5px;}
 .gform_wrapper.gravity-theme .gfield-choice-input+label {max-width: 100%;}
 .field_description_above .gfield_description.validation_message {padding-top: 5px !important;}

 /* elemetor form */
 .cs-from .elementor-form-fields-wrapper {flex-wrap: nowrap;  gap: 10px 30px;  justify-content: space-evenly;}
 .cs-from .elementor-form-fields-wrapper textarea {  min-height: 54px; padding-top: 14px;}
 .cs-from .elementor-form-fields-wrapper > .e-form__buttons {  width: 100px;}
 .cs-from .elementor-form-fields-wrapper > .e-form__buttons .elementor-size-sm {min-height: 54px;}

/* static page and event detail */
.static-page { background-color: #e8ebef; font-size: 18px;}
.static-page .container, .acc-pages > .breadcrumb{ max-width: 1200px;    width: 100%;    margin: 0 auto;}
.static-page .breadcrumb { background-color: #e8ebef;    padding: 10px 0;}
.static-page .breadcrumb img.brd-separater {transform: rotate(180deg) translateY(-2px);}
.static-page .content-area .container {   background: #fff; padding: 60px}

 /* after login pages */
 .bootstrap .h1, .bootstrap .h2, .bootstrap .h3, .bootstrap .h4, .bootstrap .h5, .bootstrap .h6, .bootstrap h1, .bootstrap h2, .bootstrap h3, .bootstrap h4, .bootstrap h5, .bootstrap h6 {color: var(--primarycolor);}
 .bootstrap h2 {font-size: var(--h3size);}
 .bootstrap h1 {margin-bottom: 30px;}
 .bootstrap a {color: var(--black);}
 .bootstrap a:focus, .bootstrap a:hover {color: var(--primarycolor);     text-decoration: none;}
 .webaim-hidden {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.bootstrap .touchpoint_header > * { float: none !important;}
.touchpoint_header { margin-bottom: 30px;}
.touchpoint_row {  border-top: 1px solid var(--coollightgrey);  padding-top: 20px;}
 .touchpoint_row .touchpoint_row_content p {margin-bottom: 10px;}

 .innerpagewh{}
 .innerpagewh .btn{margin:20px 0}
 .innerpagewh strong,.deftxtclrs h3{font-weight:bold;font-size:22px;line-height:26px;padding-bottom:3pt}
 .innerpagewh ul{list-style:none;padding:0;margin:0;margin-bottom:30px}
 .innerpagewh li{/*text-indent:-1em;*/padding:5px 0 5px 1em;font-size:18px}
 .innerpagewh li.menu-item-has-children {  margin-bottom: 30px;}
 .innerpagewh p:has(ul){margin:0 0 5px}
 .innerpagewh ul li::before{content:"  "}
 .gridpad>*{padding:20px 20px 30px 20px}
 .innerpagewh .spacer-15{height:15px;clear:both;width:100%}
 .innerpagewh td{padding:10px;padding-left:10px!important}
 hr.ac_landing_hr {  border-top: 1px solid var(--softblue);}
 .bootstrap a:not([href]):not([tabindex]) {font-size: 20px; font-weight: 500;}
 button.dropdown__toggle--menu {  padding: 0 5px 3px;  line-height: 1; margin-top:4px}
 .innerpagewh strong, .deftxtclrs h3 {    font-weight: 600;  font-size: 20px;}
 .wicket .wkt-alert--muted .wkt-alert__icon {padding-left: 15px;}
 /*donate*/
 ul.causes-dropdown {border-color: #005f85 !important;}
 ul.causes-dropdown li {    color: var(--primarycolor);     padding-left: 42px;  padding: 10px 26px 10px 13px !important; }
  .cause-drop-title {font-weight: 500;     align-self: center;}
  label.wc-label-radio.recurring-label select {    padding: 15px !important; margin: 10px 0 20px 0;}
  #wc_donation_on_shortcode_48184 .checkmark {top: 5px;}
  

  @media screen and (max-width: 1399px) {
  }

  @media screen and (min-width: 768px) and (max-width: 1199px)  {
  .p-100, .getin-touch {   padding-top: 75px;   padding-bottom: 75px;  }
  .p-60, .page-content > .elementor > .e-con.p-60 {padding-top: 40px; padding-bottom: 40px ;}
  .hero-box {  padding: 10px 20px 10px 40px;}  
  .banner-boxes .elementor-widget-text-editor h5 {font-size: 20px;}
  .banner-boxes > .e-child {padding: 20px;}
  .breadcrumb {padding: 2px 5px;}
  .four-grid-boxes h4 {    height: 60px;    overflow: hidden;}
  .four-grid-boxes h4 + p {    height: 70px;    overflow: hidden;    margin-bottom: 0;}

  
  }

  @media screen and (max-width: 1199px) { 
    .search-results-count, 
    .footer-bottom > .e-con-inner {padding-left: 10px; padding-right: 10px;}
    .elementor-shortcode .slick-list {margin: 0 40px;}
    .elementor-shortcode .slick-prev {   left: 20px !important;  }
    .elementor-shortcode .slick-next {   right: 20px !important;  }
    .static-page .breadcrumb {padding-left: 15px; padding-right: 15px;}
  }

  @media screen and (min-width: 1024px) and (max-width: 1199px) { 
}

 @media screen and (min-width: 1025px) {  #menu-button {display: none;}}

  @media screen and (max-width: 1024px) {
  .cs-header {  flex-direction: row !important;}
  .cs-header .cs-menu {  width: 50px;  background-color: #fff !important;}
  .cs-header .elementor-widget-theme-site-logo img {width: 180px !important; height: auto !important;}
  .cs-header .cs-logo-row > div {   flex-direction: row !important;    flex-wrap: nowrap !important;}
  .cs-header .cs-logo-row {padding-inline-start: 0px !important; padding-inline-end:0px !important}
  .hd-search.elementor-widget-image {    border: none;    border-radius: 0;    padding: 0px 0px 0 0;  }
  .cs-header .cs-logo-row > div > div:last-child {/*  width: 26px; */ }
  .hd-search .search:focus + .searchbutton {border: 1px solid var(--primarycolor);    border-left: none;}
  .hd-search .mglass {border: none;}
  .cs-mobile-submenu .e-n-menu-wrapper {border-top: 1px solid #E9EDEF !important; margin-top: 40px !important; padding-bottom: 15px;    background-color: #ffffff !important; }
  .cs-mobile-submenu .e-n-menu-wrapper ul.e-n-menu-heading {margin-left: 20px; margin-right: 20px; width: calc(100% - 40px) !important; background-color: #fff;}
  .elementor-widget-n-menu .e-n-menu[data-layout=dropdown] .e-n-menu-item {  width: calc(var(--stretch-width) - 40px) !important;}
  .elementor-widget-n-menu .e-n-menu[data-layout=dropdown] .e-n-menu-content>.e-con   {  width: calc(var(--stretch-width) - 40px) !important;}
  .cs-mobile-submenu .e-n-menu-title {    border-bottom: 1px solid #5EA8DC !important;   padding-top: 12px;   padding-bottom: 12px; justify-content: space-between !important;}
  .cs-mobile-submenu .e-n-menu-title .e-n-menu-dropdown-icon svg path {   fill: var(--primarycolor);  }
  .cs-mobile-submenu .e-n-menu-title a span {    color: var(--primarycolor) !important;}
  .e-n-menu-item .e-n-menu-title:has(button[aria-expanded="true"]) {  border-bottom: 0px solid #5EA8DC !important;  }
  .sub-menu-dd {margin: 0; background-color: var(--warmlightgrey);  row-gap: 0;  }
  .sub-menu-dd > .e-child { padding: 15px;    border-right: none;  }
  .sub-menu-dd .elementor-nav-menu--dropdown {background-color: transparent;}
  .sub-menu-dd .elementor-nav-menu--dropdown li {font-size: 16px; background-color: transparent;}
  .sub-menu-dd .elementor-nav-menu--dropdown li:hover, .sub-menu-dd .elementor-nav-menu--dropdown li:hover a { background-color: transparent; color: var(--black);}
  .sub-menu-dd .elementor-nav-menu--dropdown li a {padding: 0 0 10px;}
  .sub-menu-dd  .elementor-widget-image {text-align: left;}
  .sub-menu-dd  .elementor-widget-image img {max-width: 250px;}
  .cs-mobile-submenu #menu-button.e-n-menu-title {border-bottom-width: 0px !important; padding-bottom: 0;}
  .cs-mobile-submenu #menu-button .e-n-menu-title-container.e-link {  border: 1px solid #5EA8DC; display: block;  width: 100%;  border-radius: 3px;  padding: 10px 15px;}
  .cs-mobile-submenu #menu-button.e-n-menu-title span {background: url(images/button-right.png) center right no-repeat;}
  .elementor-widget-n-menu .e-n-menu-toggle span.e-close svg {width: 30px;  height: 30px;} 

  .ospe-filter-posts-wrapper, .search-results-count  {padding-left: 5%; padding-right: 5%;}
  .grid-search .search-bar-filter-wrapper .search-bar-wrapper {display: none;}
  .grid-search .grid-layout {    grid-template-columns: repeat(2, 1fr);}
  .footer-bottom-menu ul {        margin-top: 20px;}
.footer-bottom-menu ul li {}
.footer-bottom-menu ul li  a {    padding: 3px 0 0;  color: #fff;}


  }

  @media screen and (max-width: 991px) {
  .bootstrap  .filter-button-wrapper- {width: 100%;}
}

@media screen and (min-width: 768px) and (max-width: 1023px) { 
  .banner-boxes .elementor-widget-text-editor h5 {  font-size: 16px;  }
  .four-column  {--e-con-grid-template-columns: repeat(2, 2fr) !important; --grid-auto-flow: row !important;}
}

  @media screen and (min-width: 768px) {
  /* STYLES HERE */
  .grid-blogs .e-con-boxed.e-con.e-parent {  height: 100%; /*padding-bottom: 60px;*/}
  .grid-blogs .e-con-boxed .elementor-widget-button { /* position: absolute;  bottom: 30px;*/}
  .building-team .e-con-full.e-con.e-child {   height: 100%; padding-bottom: 100px;}
  .building-team .elementor-widget-button {    position: absolute;    bottom: 30px;}
  .building-team .elementor-widget-button + .elementor-widget-button {bottom: -25px;} /* multi button */
  .building-team .e-con-full.e-con.e-child:has(.elementor-widget-button + .elementor-widget-button) {  padding-bottom: 50px;} /* multi button */
  .event-summary-boxes > .e-child.e-child:has(.elementor-widget-button), .aligned-bottom-buttons > .e-child.e-child:has(.elementor-widget-button) {padding-bottom: 90px;}
  .event-summary-boxes > .e-child.e-child .elementor-widget-button,
  .aligned-bottom-buttons > .e-child.e-child .elementor-widget-button {  position: absolute;  bottom: 30px;}
  .event-summary-boxes > .e-child.e-child .elementor-widget-button.relative-button {   position: relative; bottom: inherit;}
   .grid-blogs .e-loop-item h4.elementor-heading-title, .equal-title h4 {overflow: hidden;   display: -webkit-box;    -webkit-line-clamp: 3;    -webkit-box-orient: vertical;    text-overflow: ellipsis;
    height: 85px;     margin-bottom: 0;
    @supports (-webkit-line-clamp: 3) {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: initial;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
    }
  }
  .grid-blogs .e-loop-item h5.elementor-heading-title {overflow: hidden;   display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;    text-overflow: ellipsis;
    height: 50px;}

 .grid-blogs .e-loop-item .elementor-widget-theme-post-excerpt {  overflow: hidden;   display: -webkit-box;    -webkit-line-clamp: 5;    -webkit-box-orient: vertical;    text-overflow: ellipsis;
  height: 142px;         margin-bottom: 10px;
     @supports (-webkit-line-clamp: 5) {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
  }
 }

 .ospe-filter-posts-wrapper.grid-search .ospe-posts .elementor-post__card h3 { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; height: 75px; margin-bottom: 0;}
 .ospe-filter-posts-wrapper.grid-search .ospe-posts .elementor-post__card h3 + p { min-height: 140px;  margin-bottom: 0;}

  }

 /*event detail*/
  .event-list .event-content  { position: relative; padding-bottom: 70px;}
  .event-content > .elementor-button { position: absolute;  bottom: 00px;}
  .event-content .event-title { line-height: 1.4 !important;}




  
  @media screen and (min-width: 480px) and (max-width: 767px) { 
    .grid-search .elementor-post__card {      padding: 20px;}
    .four-grid-boxes  > .e-con-inner  {    --e-con-grid-template-columns: repeat(2, 2fr);         --grid-auto-flow: row;}
   
  }


@media screen and (min-width: 768px) and (max-width: 1199px)  {
  .p-100, .getin-touch {   padding-top: 70px;   padding-bottom: 70px;  }
  .p-60, .page-content > .elementor > .e-con.p-60 {padding-top: 40px; padding-bottom: 40px ;}
  .p-top-100 {   padding-top: 70px;  }
  .p-bottom-100 {   padding-bottom: 70px;  }
  .hero-box {  padding: 10px 20px 10px 40px;}  
  .banner-boxes .elementor-widget-text-editor h5 {font-size: 20px;}
  .banner-boxes > .e-child { padding: 20px; }
  .video-cat .videos-container .video-container {  width: calc(50% - 30px);  margin: 0 auto; flex: 1;}


}


  @media screen and (max-width: 767px) {

  :root{
    --h1size:28px;
    --h2size:28px;
    --h3size:24px;
    --h4size:22px;
    --h5size:20px;
    --h6size:16px;
  }
  body {font-size: 18px;}
  .elementor-location-single .elementor-widget-text-editor {    font-size: 16px;}
  p {    margin-block-end: 1rem;}
  .elementor-heading-title {margin-block-end: 0rem}

  .e-con{   }
  .page-content > .elementor > div {
    --padding-left: var(--container-default-padding-left, 20px);
    --padding-right: var(--container-default-padding-right, 20px);
  }
  .p-100, .getin-touch { padding-top: 40px;  padding-bottom: 40px;  }
  .p-60, .page-content > .elementor > .e-con.p-60 {padding-top: 20px; padding-bottom: 20px ;}
  .p-top-100 {   padding-top: 40px;  }
  .p-bottom-100 {   padding-bottom: 40px;  }

  .page-content > .elementor > div.breadcrumb + .p-100 {padding-top: 30px;}
  .hd-search .search:focus {  width: 215px;}
  .hero-box {  padding: 10px 20px 10px 20px;}  
  .hero-box > div > .e-child:first-child {   order: 1;  }
  .banner-boxes .elementor-widget-text-editor h5 {font-size: 16px;}
  .banner-boxes .elementor-widget-image .elementor-widget-container {    padding: 10px;}
  .event-summary-boxes .elementor-widget-image .elementor-widget-container {    padding: 15px;}

  .notification-bar .elementor-widget-text-editor {    max-width: calc(100% - 45px) !important;}
  .notification-bar p {    font-size: 14px;   font-weight: 400;    text-align: left;}
  .grid-layout {    grid-template-columns: 1fr;  }
  .search-filter-wrapper {    flex-direction: column;    align-items: flex-start;  }
  .search-bar-filter-wrapper {           margin-top: 30px; flex-direction: column;    align-items: flex-start;    gap: 10px;    width: 100%;  }
  .search-bar-wrapper input[type="text"] {    width: 100%;  }

  .breadcrumb {padding: 2px 10px;}
  .ospe-filters { max-width: 100%; }
  .ospe-filter-posts-wrapper {flex-direction: column;}
  .ospe-posts, .ospe-filters {flex: 100%; /* Full width on mobile */}
  .ospe-filter-posts-wrapper {     flex-direction: column; }
  .ospe-posts, .filter-button-wrapper {     max-width: 100%;    width: 100%;     margin-right: 0; }
  #filter-dropdown, .grid-search .filter-button {     width: 100%; }
  .list-search .filter-button, .list-search .filter-button-wrapper {width: 100%;         max-width: 100%;  }
  .list-search.ospe-filter-posts-wrapper {min-height: auto;}
  h2.comment-reply-title   {   margin-top: 30px;}
  
  .footer-links-holder h6:after {
    background: url(images/down-arrow-w.png) no-repeat;
    content: "";
        width: 18px;
        height: 10px;
        -webkit-transition: transform .5s;
        transition: transform .5s;
        right: 15px;
        position: absolute;
        top: 20px;
    -webkit-transition: transform .5s;
    transition: transform .5s;
  }
  .footer-links-holder.no-dd h6:after {display: none;}
  .footer-links-holder .footer-links {    max-height: 0;    overflow: hidden; -webkit-transition: max-height 0.5s;    transition: max-height 0.5s; }
  .footer-links-holder.active h6:after {    -moz-transform: rotate(-180deg);    -ms-transform: rotate(-180deg);    -webkit-transform: rotate(-180deg);    transform: rotate(-180deg);  }
  .footer-links-holder.active .footer-links {   max-height: 10000px;}
  .footer-links-holder .elementor-widget-heading .elementor-heading-title { font-size: 16px !important;  font-weight:400 !important; border-bottom: 1px solid var(--softblue); padding-bottom: 10px; padding:15px 15px 18px; }
  .footer-links-holder .elementor-nav-menu--dropdown a {padding-left: 15px;}
  .footer .elementor-widget-spacer {display: none;}
  .elementor-location-single ul, .elementor-location-single ol {margin-top: 0;}
  .timeline-text > .elementor-widget-text-editor {border-left: 1px solid var(--softblue);}
  .row-box-content {  padding-bottom: 15px;}
  .row-box-content .event-summary-boxes .e-con.e-child {  padding-top: 0px; }
  .event-filters {flex-wrap: wrap;}
  .event-filters > div {    min-width: 100%;}
  .cs-from .elementor-form-fields-wrapper {  flex-wrap: wrap;     justify-content: left;}
  .video-cat .videos-container .video-container {  width: 100%;  margin: 0 auto; flex: 1;}
  .ospe-posts:has(.woocommerce-orders-table) {    overflow-x: auto;}

}

@media screen and (min-width: 481px) {
  .event-content .event-title {height: 90px;  overflow: hidden;  margin-bottom: 0; }
}

  @media screen and (max-width: 480px) {
    .grid-search .grid-layout {   grid-template-columns: repeat(1, 1fr);  }
    
  .cs-post-info li.elementor-inline-item:first-child {width: 100%; padding-bottom: 30px;  }  
  .cs-post-info li.elementor-inline-item {    width: auto;     padding-bottom: 8px;}
  .cs-post-info li.elementor-inline-item::after {display: none;} 
  .cs-post-info li.elementor-inline-item:not(:first-child) .elementor-icon-list-icon { /*   position: absolute;    top: 0;    right: 0;*/}
  .cs-post-info li.elementor-inline-item:nth-child(2) .elementor-icon-list-icon {   /* left: 0px;    position: relative;    margin-right: 5px;*/}


  }

/* Hide the notification bar on all pages except the homepage */
body:not(.home) .notification-bar {
  display: none;
}

/* Add hand cursor when hovering over the SVG button */
.notification-close {
  cursor: pointer;
}


/* Custom Share Social Media */
.custom-share-buttons a {
  color: var(--primarycolor);
  text-decoration: none;
  margin: 0 5px;
  font-size: 18px;
}

.custom-share-buttons a:hover {
  color: #005bb5;
}
/* For Make the Title equal Height */
.title-h h4 {
    height: 60px;
}
.Member-Communications {
    cursor: default; 
    pointer-events: none!important; 
 	color: White;
}