/*
Theme Name: Component Blox Child Theme
Author: Component Blox
Author: Component Blox
Description: Bootstrap Component Blox Child Theme
Version: 1.0
Template: bootstrap-component-blox
*/


@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;700&display=swap');

.powered_by_link{
	display:none !important;
}


body{
	overflow-x:hidden;
	font-family:Raleway, Arial, sans-serif;
}

.no-scroll {
    overflow-y: hidden;
}

.dark-overlay{
	 opacity: 0;
	 -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.dark-overlay.show {
	 opacity: 1;
  display: block;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(32, 48, 64, 0.85);
  z-index: 90;
}

.topBar{
	background:#F6F7F8;
	padding:8px 0px;
	text-align:right;
	/*height:40px;*/

}

.topBar .container{
	position:relative;
}

.topBarContent{
	display:flex;
	justify-content:space-between;
	align-items:center;
}


.topBarContent .contact{
	display:inline-block;
}


.topBarContent .contact ul{
	margin:0;
	padding:0;
	display:flex;
	width:fit-content;
}

.topBarContent .contact ul li{
	list-style-type:none;
	text-align:left;
}

.topBarContent .contact ul li a{
	display:inline-block;
	margin-right:15px;
	color:#203040;
	font-size:14px;
	text-decoration:none;
	position:relative;
	padding-left:22px;

}

.topBarContent .contact ul li a:hover{
	color:#C52184;
}

.topBarContent .contact ul li a::before{
	display:inline-block;
	content:"";
	width:15px;
	height:15px;
	background-image:url(../bootstrap-component-blox-child-theme/img/mail_outlineBlue.svg);
	background-size:100% 100%;
	position:absolute;
	left:0;
	top:3px;
}


.topBarContent .contact ul li a:hover::before{
	background-image:url(../bootstrap-component-blox-child-theme/img/mail_outlinePink.svg);
}

.gtranslate_wrapper {
	width:fit-content;
	margin-top: 15px;
	/*position:absolute;
	right:15px;
	top: 3px;*/
}
	
	
}
.gt_float_wrapper{
	position:relative;
}
.gt_float_switcher .gt_options{
	position:absolute !important;
	right:0px !important;
	top:40px !important;
	width: 250px !important;
	background-color:#ffffff !important;
	transform:none;

}

.gt_float_switcher .gt_options.gt-open{
	position:absolute !important;
	right:0 !important;
	top:40px !important;
	background-color:#ffffff !important;
	width: 250px !important;
	border:1px solid #eaeaea;
	text-align:left !important;
	transform:none;
}



.gt_float_switcher, .gt_float_switcher .gt-selected{
	box-shadow: none !important;
	background:transparent !important;
}

.gt_float_switcher .gt-selected .gt-current-lang{
	padding:0px 35px 0px 0 !important;
	position:relative;
}

.gt_float_switcher img{
	display:none !important;
}


.gt_float_switcher .gt-selected .gt-current-lang::before{
	display:inline-block;
	content:"";
	width:24px;
	height:22px;
	background-image:url(https://divine-gpms.world/wp-content/uploads/2023/06/globe.svg);
	background-size:100% 100%;
	position:absolute;
	right:0px;
	top: 2px;
	
}

.gt_float_switcher .gt_options a:hover {
    background: #e645a6 !important;
}


.topBar select {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
  border:none;
	background:transparent;
	cursor:pointer;
	/*outline:1px solid #dcd8d8;*/
	padding: 0px 0px 0px 30px;
	outline-offset: 3px;
}

.topBar select option{
	text-align:left;
	display:inline-block;
	padding-left:7px;
}


.topBar select option{
	/*text-align:left;*/
		padding:15px 8px;
}

#searchModal{
	background-color: rgba(0,0,0,0.5);
}

.modal-body {
	padding:15px !important;
}

.modal .modal-dialog{
	width: 100% !important;
	margin: 0 auto;
	max-width: 991px;
}

.bcb-search-custom{
	
}

.bcb-search-custom input{
	display:inline-block;
	width:95%;
	padding:10px;
	outline: none !important;
	border: 1px solid #b9b9b9;
	border-radius: 5px;
}

.bcb-search-custom input:focus{
	border:1px solid #e645a6;
	box-shadow: 0px 0px 5px rgba(197,33,132,0.5) !important;
}

.searchBtn{
	background:transparent;
	border:0;
	outline:none;
	width:4%;
}

.modal-content  svg{
	width:35px;
	height:35px;
	cursor:pointer
}

.site-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding:15px 0px;
  }

  body{
    font-family: 'Raleway', sans-serif;
    font-size:16px;
    color: #313131;
    overflow-x: hidden;
  }

.navbar-main-menu{
	display:flex;
	align-items:center;
}

  .main-navigation ul {
    display: flex;
    justify-content: flex-end;
    list-style-type: none;
    margin: 0;
    padding: 0;
  }

  .navbar-nav .nav-link {
    padding: 15px !important;
    text-decoration: none;
    font-size:17px;
    color: #313131;
    font-weight:600;
  }

  #navbar-main-menu .btn-primary{
    margin-top:0;
    padding: 12px 20px;
	  margin-left: 10px;
  }

.navbar-nav {
  display:flex;
  align-items: center;
}


.fa-magnifying-glass::before, .fa-search::before{
	content:"";
	display:inline-block;
	width:24px;
	height:24px;
	background-image:url(https://divine-gpms.world/wp-content/uploads/2023/06/search-outline.svg);
	background-size:100% 100%;
	position:relative;
	top:3px;
	cursor: pointer;
}

  .mb-9-6-3{
    margin-bottom:90px;
  }

.mb-6-3{
	 margin-bottom:60px;
}

  .p-9-6-3{
    padding:90px 0;
  }
.mb-3{
	margin-bottom:30px !important;
}

.entry-content{
	/*padding-bottom:60px;*/
}

  img{
    display:inline-block;
  }

  h1{
    font-size:  3.052rem;/*48.83px*/
    font-weight:700;
    margin-bottom:30px;
  }

  h2{
    font-size:  2.441rem;/*39.06px*/
    font-weight:700;
    margin-bottom:30px;
  }

  h3{
    font-size:  1.953rem;/*31.25px*/
    font-weight:700;
    margin-bottom:30px;
  }

  h4{
    font-size:  1.563rem;/*25.00px*/
    font-weight:700;
    margin-bottom:30px;
  }

  h5{
    font-size:  1.25rem;/*20.00px*/
    font-weight:700;
    margin-bottom:30px;
  }

  h6{
    font-size:  1rem;/*16.00px*/
    font-weight:700;
    margin-bottom:30px;
  }

.innerContent h1, 
.innerContent h2, 
.innerContent h3, 
{
	margin-bottom:60px;
}


.popup-search-close::before, .search-close::before, .popup-search-close::after, .search-close::after{
	height:30px;
	border-color:#ffffff !important;
}

header{
	padding:15px 0px;
}

.headerBg{
	background-image:url(https://divine-gpms.world/wp-content/uploads/2023/06/header-img-tinified.png);
	background-size:cover;
	background-position:center center;
	height:500px;
	position:relative;
}
	

	.headerBg::after{
		display:inline-block;
		content:"";
		width:100%;
		height:100%;
		background-color:rgba(0,0,0,0.3);
		position:absolute;
		top:0;
		left:0;
		z-index:2;
	}


.headerBg .container{
		height:100%;
	}
	
	.main-headerTitle{
		position:relative;
		display: flex;
		justify-content: center;
		flex-direction: column;
		height: 100%;
		z-index:4;
	}
	
	.main-headerTitle .btn-primary{
		width:fit-content;
	}

.main-headerTitle h1{
  text-transform: uppercase;
  color:#ffffff;
  font-weight:777;
  margin-bottom:4px;
}

.main-headerTitle h2{
  color:#ffffff;
  font-weight: 555;
  margin-bottom:15px;
}

.main-headerTitle h3{
  color:#ffffff;
  font-weight: 444;
  margin-bottom:11px;
}

.main-headerTitle h4{
  color:#ffffff;
  font-weight: 400;
  margin-bottom:11px;
}

.pageTitleHeader {
	margin-top: 44px;
}

.intelligenceText {
	text-transform: uppercase;
	font-weight: 611;
	letter-spacing: 2px;
	color: #00BFFF;
}

.specialWording{
	background-color:#203040;
	padding:15px 0px;
	border-top:3px solid #e645a6;
	color:#ffffff;
	font-size:18px;
}

.btn-primary{
  display:inline-block;
  background-color: #e645a6;
  padding: 10px 35px;
  color:#ffffff;
  margin-top:20px;
  border-radius:50px;
  text-decoration: none;
  font-size:18px;
	border:none;
}

.btn-primary:hover, .btn-primary:focus{
  /*background-color: #84DCC6;*/
  background-color: #00bfff;
  /*color:#203040;*/
  color:#ffffff;
}

.btn-primary-footer{
  display:inline-block;
  background-color: #e645a6;
  padding: 10px 35px;
  color:#ffffff;
  border-radius:50px;
  text-decoration: none;
  font-size:18px;
   border:none;
   opacity:1 !important;
}

.btn-primary-footer:hover, .btn-primary-footer:focus{
  background-color: #00bfff;
  color:#ffffff;
}

.btn-primary.hideOnDesktop{
	display:none;
}

.btn-primary.showOnMobile{
	display:none;
}

.compareWrap{
  margin-bottom:30px;
}

.compareBox{
  border-radius:0px 80px 0px 80px;
  position:relative;
  overflow:hidden;
  height:100%;
  height:290px;
  background-size: cover;
  background-position: center center;
}

.cB-1{
  background-image:url(https://divine-gpms.world/wp-content/uploads/2023/06/box1-img.jpg);

}

.cB-2{
  background-image:url(https://divine-gpms.world/wp-content/uploads/2023/06/box2-img.jpg);

}

.cB-3{
  background-image:url(https://divine-gpms.world/wp-content/uploads/2023/06/box3-img.jpg);

}

.cB-4{
  background-image:url(https://divine-gpms.world/wp-content/uploads/2023/06/box4-img.jpg);

}

.compareText{
  display:flex;
  flex-direction: column;
  height:100%;
  width:50%;
  background-color: rgba(230,69,166, 0.77);
  padding: 30px 30px;
}

.compareText ul{
  margin:0;
  list-style-type: none;
  
}

.compareText ul li{
  color:#ffffff;
  font-size:20px;
}

.compareText ul li:first-child{
  text-transform: uppercase;
  margin-bottom:20px;  
  font-weight:700;
}

.seeFull{
  display:inline-block;
  padding-left:20px;
  position: relative;
  margin-left:15px;
  text-decoration: none;
  color:#313131;
  font-size:20px;
  font-weight:600;
}

.seeFull:hover{
  text-decoration: underline;
  color:#313131;
}

.seeFull::before{
  display:inline-block;
  content: "";
  background-image: url(https://divine-gpms.world/wp-content/uploads/2023/06/ios-carret-right.svg);
  width:11px;
  height:14px;
  background-size: 100% 100%;
  position:absolute;
  left:0;
  top:7px;
}

.color{
	color:#e645a6;
	font-weight: bold;
}

p{
  margin-bottom:20px;
}


.thePlan .col-lg-7{
  text-align: center;
}
.thePlan h2, 
.theDecree h2{
  margin-bottom:15px;  
}

.thePlan h6,
.theDecree h6{
  margin-bottom:60px;
}

.theDecree{
  background-color: #F8F8F8; 
}

.phaseWrap{
  margin-bottom:30px;
}


.phases{
  background-color:#203040;
  color:#ffffff;
}

.phase{
  background-color:#ffffff;
  border: 1px solid #CCCCCC;
  height:100%;
  position:relative;
  border-radius:15px;
  padding:30px;

}

.phases .seeFull{
  color:#ffffff;
  margin-left:0;
}

.phases .seeFull::before{
    filter: invert(100%);
}

.phase .title{
  color: #203040;
  text-transform: uppercase;
  font-size:18px;
  font-weight:700;
  margin-bottom:15px;
  max-width:70%;
}

.phase .text{
  font-size:16px;
  color:#313131;
  max-width:85%;
  margin-bottom:15px;
  padding-bottom:15px;
}

.phase .text a{
  color:#e645a6;
  font-weight:700;
}

.ph-1, .ph-2, .ph-3{
  position:relative;
}

.ph-1::after{
  position: absolute;
  display:inline-block;
  content:"";
  width:120px;
  height:180px;
  background-image:url(https://divine-gpms.world/wp-content/uploads/2025/11/phase1-badge.svg);
  background-repeat:no-repeat;
  background-size:contain;
  right:0;
  top:-59px;
  right: -22px;
}

.ph-2::after{
  position: absolute;
  display:inline-block;
  content:"";
  width:120px;
  height:180px;
  background-image:url(https://divine-gpms.world/wp-content/uploads/2025/11/phase2-badge.svg);
  background-repeat:no-repeat;
  background-size:contain;
  right:0;
  top:-59px;
  right: -22px;
}

.ph-3::after{
  position: absolute;
  display:inline-block;
  content:"";
  width:120px;
  height:180px;
  background-image:url(https://divine-gpms.world/wp-content/uploads/2025/11/phase3-badge.svg);
  background-repeat:no-repeat;
  background-size:contain;
  right:0;
  top:-59px;
  right: -22px;
}

.links{
 
  position:absolute;
  bottom:25px;
 /*  right: 0; */
  width:80%;
  text-align: right;

}

.findOut{
  position:relative;
  padding-left:30px;
  text-decoration: none;
  color:#203040;
  font-weight:700;
}

.findOut::before{
  content:"";
  display:inline-block;
  width:25px;
  height:1px;
  background-color:#203040;
  position:absolute;
  left:0;
  top:8px;
}

.iconBox{
  text-align: center;
  height:100%;
 display:flex;
  flex-direction: column;
  margin-bottom:30px;
}

.iconBox img{
  margin-bottom:15px;
  max-height:150px;
  }

  .iconBox a{
   /*  display:inline-block; */
    color:#203040;
    text-decoration: none;
    position:relative;
    padding-right:30px;
  }

  .iconBox a::after{
    content: "";
    display:inline-block;
    width:22px;
    height:14px;
    background-image: url(https://divine-gpms.world/wp-content/uploads/2023/06/ios-arrow-thin-right.svg);
    background-size: 100% 100%;
    position:absolute;
    right:0px;
    top:5px;
  }

.iconBox h5{
  margin-bottom: 10px;
  text-transform: uppercase;
}

ul.dots{
	margin-left: 0;
	padding-left: 19px;
}

.dots li{
  /*list-style-type:none;*/
  padding-left: 11px;
  /*position: relative;*/
  line-height: 1.8;
}

.dots li::before {
  /*content: "";
  display:inline-block;
  width:20px;
  height:20px;*/
  /*background-image: url(https://divine-gpms.world/wp-content/uploads/2025/11/ul_li.svg);
  background-size: 100% 100%;
  left:0px;*/
  
  /*content: "•"; /* Insert content that looks like bullets */
  left: -4px;
  top: 10px !important;
  width: 8px !important;
  height: 8px !important;
}

.dots li::marker {
	color: #e645a6;
	font-size: 20px;
}

.dots ul li {
	margin-top: -10px;
}

.gpmsCharter span {
	font-weight: bold;
}

.gpmsCharter h4 {
	margin-bottom: 22px;
}

.gpmsCharter h5 {
	margin-bottom: 0px;
}

ol.charter {
	list-style: none;
	counter-reset: num;
}

ol.charter li {
	counter-increment: num;
}

ol.charter li::before {
	content: "Article " counter(num, decimal) " — ";
	font-weight: bold;
	color: #e645a6;
}


.compareBox ul li, .wp-block-social-links ul li{
	padding-left:0;
	position:static;
}


.halfTxtBox{
  padding: 50px 100px 50px 0px;
}

.beforeRight{
  position: relative;
}

.beforeRight::after{
  content: "";
  display:inline-block;
  width:200vh;
  height:100%;
  background-color: #e645a6;
  background-size: 50% 100%;
  position:absolute;
  left:60px;
  top:0px;  
  z-index:-1;
}

.beforeRight img{
	position:absolute;
	bottom:0;
	left:0px;
	max-width:472px;
}


.halfTxtBox2{
  padding: 50px 0px 50px 100px;
}

.beforeLeft{
  position: relative;
}

.beforeLeft::after{
  content: "";
  display:inline-block;
  width:200vh;
  height:100%;
  background-color: #203040;
  background-size: 50% 100%;
  position:absolute;
  right:60px;
  top:0px;  
  z-index:-1;
}

.beforeLeft img{
  position:absolute;
  bottom:0;
  right:0px;
	max-width:465px;

}


.heyo:hover {
  fill: #253a70;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.enabled {
  cursor: pointer;
}

.results{
  pointer-events: none;
  position: absolute;
	left:70px;
  padding:5px;
  display:flex;
  min-width:120px;
  z-index:50;
  flex-direction:column;
  justify-content: center;
  align-items: center;
  font-size:14px;
  font-weight:600;
  background-color: #ffffff !important;
  border-radius: 5px;
  border:1px solid #203040;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display:none;
}

.results.active{
  display:flex;
}


.description {
  pointer-events: none;
  white-space:nowrap;
  z-index: 50;
  margin: 0 auto;
  color: #203040;

}

.description.active {
  display: block;
}

.descSpan{
  white-space:nowrap;
}

.descSpan.active {
  display: block;
}

.results:after {
  content: "";
  position: absolute;
  left: 50%;
  top: -10px;
  width: 0;
  height: 0;
  margin-left: -10px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #203040;
}

/* ----------------------------------------
   General Area View Styling
----------------------------------------- */
/*
#map{
  position:relative;
}

.mapSvg svg{
  fill:#84DCC6;
 
}

.mapSvg svg path:hover{
  fill:  #619C8C;
}
*/
.area-view {
  padding: 10px !important;
}

.area-view .btn-primary,
#showMyConsent0,
#showMyConsent1 {
  margin-top: 0;
}

.area-view h3 {
  margin-bottom: 15px;
}

.area-view h2 {
  margin-bottom: 60px;
}

.area-view table,
.wpDataTableID-10 table,
.wpDataTableID-11 table,
.wpDataTableID-14 table,
#showMyConsent0,
#showMyConsent1,
#showMyConsent,
.adminSectionForm table {
  width: 100% !important;
  font-family: Raleway, sans-serif !important;
  margin-bottom: 0 !important;
}

#showMyConsent0,
#showMyConsent1,
#showMyConsent {
  margin-top: 30px !important;
}

/* ----------------------------------------
   Table Headers & Cells
----------------------------------------- */
.area-view table th,
#showMyConsent0 th,
#showMyConsent1 th,
.wpDataTableID-10 th,
.wpDataTableID-11 th,
.wpDataTableID-14 th,
.adminSectionForm table th,
#showMyConsent th {
  background-color: #e645a6 !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
  color: #ffffff !important;
  padding: 10px !important;
  border: 1px solid #e645a6 !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: normal !important; 
  text-align: center !important;
  line-height: 1.3 !important;
}

.area-view table th:first-child,
.area-view table th:nth-child(2),
.wpDataTableID-10 table th:first-child,
.wpDataTableID-10 table th:nth-child(2),
.wpDataTableID-11 table th:first-child,
.wpDataTableID-11 table th:nth-child(2),
.wpDataTableID-14 table th:first-child,
.wpDataTableID-14 table th:nth-child(2),
#showMyConsent0 th,
#showMyConsent1 th,
.adminSectionForm table th,
#showMyConsent th {
  border-right: 1px solid #ffffff !important;
}

.area-view table td,
#showMyConsent0 td,
#showMyConsent1 td,
.wpDataTableID-10 td,
.wpDataTableID-11 td,
.wpDataTableID-14 td,
.adminSectionForm table td,
#showMyConsent td {
  padding: 10px !important;
  border: 1px solid #cdcdcd !important;
  font-size: 16px;
  white-space: normal !important;
}

.area-view table .countryCount {
  text-align: right !important;
}

.area-view p,
#showMyConsent0 p,
#showMyConsent1 p {
  font-size: 14px;
  margin-top: 15px;
}

.area-view table th,
.area-view table td,
#showConsentResults table th,
#showConsentResults table td,
.adminSectionForm table th,
.adminSectionForm table td {
  font-size: 15px !important;
}

/* ----------------------------------------
   Pagination Icon Font
----------------------------------------- */
/* ----------------------------------------
   Pagination Icon Font (wpDataTables)
----------------------------------------- */
@font-face {
  font-family: 'wpDataTablesIcons';
  src: url('/wp-content/plugins/wpdatatables/assets/fonts/wpDataTablesIcons.eot');
  src: url('/wp-content/plugins/wpdatatables/assets/fonts/wpDataTablesIcons.eot?#iefix') format('embedded-opentype'),
       url('/wp-content/plugins/wpdatatables/assets/fonts/wpDataTablesIcons.woff') format('woff'),
       url('/wp-content/plugins/wpdatatables/assets/fonts/wpDataTablesIcons.ttf') format('truetype'),
       url('/wp-content/plugins/wpdatatables/assets/fonts/wpDataTablesIcons.svg#wpDataTablesIcons') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* ----------------------------------------
   Pagination Base Styling
----------------------------------------- */
/* Adjust all paginate buttons */
.wpdt-c.wdt-skin-material .wpDataTablesWrapper .paginate_button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin: 0 1px;
  padding: 0;
  line-height: 1;
  text-decoration: none !important;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.54);
  transition: background-color 0.2s ease, color 0.2s ease;
  font-family: inherit !important;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

/* Active (current) page number styling */
.wpdt-c.wdt-skin-material .wpDataTablesWrapper .paginate_button.current {
  background-color: #e645a6 !important;
  color: #ffffff !important;
  border-radius: 4px;
}

/* Icon font applied only to arrows */
.wpdt-c.wdt-skin-material .wpDataTablesWrapper 
.paginate_button.first::before,
.wpdt-c.wdt-skin-material .wpDataTablesWrapper 
.paginate_button.previous::before,
.wpdt-c.wdt-skin-material .wpDataTablesWrapper 
.paginate_button.next::before,
.wpdt-c.wdt-skin-material .wpDataTablesWrapper 
.paginate_button.last::before {
  font-family: 'wpDataTablesIcons' !important;
  font-size: 15px;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: 0; /* Reset transforms */
  transform: none; /* Remove previous misalignment */
}

/* Optional: tweak margin if arrows look too tight */
.wpdt-c.wdt-skin-material .wpDataTablesWrapper 
.paginate_button::before {
  margin: 0; /* Remove extra spacing that may shift the icon */
}
/* Icon content mapping */
.paginate_button.first::before    { content: "\e004"; }
.paginate_button.previous::before { content: "\e002"; }
.paginate_button.next::before     { content: "\e001"; }
.paginate_button.last::before     { content: "\e003"; }

/*.wpdt-c.wdt-skin-material .wpDataTablesWrapper 
.paginate_button.first::before,
.wpdt-c.wdt-skin-material .wpDataTablesWrapper 
.paginate_button.previous::before,
.wpdt-c.wdt-skin-material .wpDataTablesWrapper 
.paginate_button.next::before,
.wpdt-c.wdt-skin-material .wpDataTablesWrapper 
.paginate_button.last::before {
  transform: translateY(4px);  
  position: relative;
}
*/
/* ----------------------------------------
   Hover + Active States
----------------------------------------- */
.wpdt-c.wdt-skin-material .wpDataTablesWrapper .paginate_button:hover:not(.disabled):not(.current),
.wpdt-c.wdt-skin-material .wpDataTablesWrapper .paginate_button:focus:not(.disabled):not(.current) {
  background-color: #e645a6 !important;
  color: #ffffff !important;
}

/* Current active page */
.wpdt-c.wdt-skin-material .wpDataTablesWrapper .paginate_button.current {
  background-color: #e645a6 !important;
  color: #ffffff !important;
  font-weight: bold;
}

/* ----------------------------------------
   Disabled arrows (gray and non-interactive)
----------------------------------------- */
.wpdt-c.wdt-skin-material .wpDataTablesWrapper .paginate_button.disabled {
  opacity: 0.4 !important;
  background: none !important;
  color: rgba(0, 0, 0, 0.54) !important;
  cursor: default !important;
  pointer-events: none;
}

/* Prevent hover style on disabled arrows */
.wpdt-c.wdt-skin-material .wpDataTablesWrapper .paginate_button.disabled:hover {
  background: none !important;
  color: rgba(0, 0, 0, 0.54) !important;
}

/* Restore rounded hover background */
.wpdt-c.wdt-skin-material .wpDataTablesWrapper 
.paginate_button:hover:not(.disabled):not(.current),
.wpdt-c.wdt-skin-material .wpDataTablesWrapper 
.paginate_button:focus:not(.disabled):not(.current) {
  border-radius: 4px;
}

.wpdt-c.wdt-skin-material .wpDataTablesWrapper .dataTables_paginate.paging_full_numbers,
.wpdt-c.wdt-skin-material .wpDataTablesWrapper .dataTables_paginate.paging_first_last_numbers,
.wpdt-c.wdt-skin-material .wpDataTablesWrapper .dataTables_paginate.paging_full_numbers {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px; /* space between buttons */
  margin-top: 15px;
  margin-bottom: 25px;
  font-size: 13px;
  font-family: 'Open Sans', sans-serif;
  position: relative;
  z-index: 10;
}

.wpdt-c.wdt-skin-material .wpDataTablesWrapper .dataTables_paginate.paging_first_last_numbers {
  padding-bottom:20px;
}

/* ----------------------------------------
   Ellipsis Styling (...)
----------------------------------------- */
.wpdt-c.wdt-skin-material .wpDataTablesWrapper .ellipsis {
  margin: 0 4px;
  display: inline-block;
  vertical-align: middle;
}

/* Remove shadow effects */
.wpdt-c.wdt-skin-material .wpDataTablesWrapper a {
  box-shadow: none !important;
}

/* ----------------------------------------
   Pagination Wrapper Fix (overflow & layout)
----------------------------------------- */
#wpdt-14_wrapper,
#wpdt-10_wrapper,
.wpdt-c[data-wpdatatable_id="14"],
.wpdt-c[data-wpdatatable_id="10"],
.wpdtSimpleTableContainer.wpDataTableID-14,
.wpdtSimpleTableContainer.wpDataTableID-10 {
  overflow: visible !important;
  position: relative !important;
  z-index: 9999;
}

/* Info Row Below Table */
.wpDataTableID-14 .dataTables_info,
.wpDataTableID-10 .dataTables_info {
  margin-right: 15px;
  font-size: 14px !important;
  display: block;
  width: 100%;
}

/* Filter/Search Position */
.wpDataTableID-14 .dataTables_filter,
.wpDataTableID-10 .dataTables_filter {
  float: left !important;
}

.wpDataTableID-14 .dataTables_filter label,
.wpDataTableID-10 .dataTables_filter label {
  color: rgb(49, 49, 49) !important;
  font-size: 16px !important;
}


.wpDataTablesWrapper.wpDataTableID-10 table.wpDataTable.wpDataTableID-10.responsive,
.wpDataTablesWrapper.wpDataTableID-14 table.wpDataTable.wpDataTableID-14.responsive {
  margin-top: -33px; /* nur wenn du das wirklich brauchst */
}

/* Replace the broken .tableWrap rule only for this page + this table */
#showConsentResults {
    width: 100%;
    overflow-x: visible !important; /* FIXED */
    overflow-y: visible !important;
    padding-bottom: 30px;
    position: relative;
}

.resentBtn{
	text-align:center;
}

.resentBtn .btn-primary{
	margin-top:0;
	background-color:#84DCC6;
	color:#203040;
	padding: 7px 30px;
}

.totalCountNumber{
	text-align: center;
	font-size:24px;
	font-weight:bold;
}

.totalCountNumber span{
  color: #e645a6;
	display:inline-block;
	padding-left: calc(var(--bs-gutter-x) * .5);
}

footer{
  font-size:14px;
}

.main-footer{
  background-color: #203040;
	padding:70px 0px 40px 0;
}

.main-footer ul{
  margin:0 0 30px 0;
  padding:0;  
}

.main-footer ul li{
  color:#ffffff;
  list-style-type: none;
  margin-bottom:7px;
}

.main-footer ul li:first-child:not(.fooContact ul li){
  margin-bottom:15px;
  text-transform: uppercase;
  font-weight: 700;;
}

footer ul li a{
  text-decoration: none;
  color:#ffffff;
}

footer ul li a:hover{
  color:#ffffff;
  opacity:0.6;
}

footer .social{
  display:flex;
  align-items:center;
  margin-top:25px;
  margin-bottom:30px;
}

footer .social a{
  display:inline-block;
  margin-right:10px;
  opacity:0.8;
}

footer .social a:hover{
  opacity:1;
}


.fooContact li a{
	position:relative;
	padding-left:22px;
}

.fooContact li a::before{
	display:inline-block;
	content:"";
	width:15px;
	height:15px;
	background-image:url(../bootstrap-component-blox-child-theme/img/mail_outlineWhite.svg);
	background-size:100% 100%;
	position:absolute;
	left:0;
	top:2px;
}


.copyright-footer{
  background-color: #000000;
  padding:10px 0px;
  color:#ffffff;
  font-size:13px;
  display:flex;
  flex-wrap: wrap;
}

.copyright-footer span{
  display:inline-block;
  white-space: nowrap;
}

.copyright-footer a{
  text-decoration: none;
  color:#ffffff;  
}

.copyright-footer a:hover{
  color:#ffffff;
  opacity:0.6;
}


.single-page{
  height: 500px;
  background: url(https://divine-gpms.world/wp-content/uploads/2023/06/header-img-tinified.png);
  background-size: cover;
  background-position: center center;
  /*background: url(https://divine-gpms.world/wp-content/uploads/2023/06/single-page.png);
  background-position: center top;*/
}

.single-page .container{
	height:100%;
}

.single-page h1{
	display:flex;
	flex-direction:column;
	height:100%;
	justify-content:center;
	color:#ffffff;
}

.form-control:focus{
	border-color:#e645a6;
}

/*consent form*/

input[type="checkbox"]{
  display:inline-block;
  width:20px;
  height:20px;
	position: relative;
	top: -2px;
	margin-right: 7px;
}

input[type="checkbox"]:checked{
  background-color: #e645a6;
  border:#e645a6;
}

/*hide contributeBox*/

.consentForm{
	padding-bottom:60px;
}

.consentForm .representLabel{
  display:inline-block;
  width:fit-content;
  margin-right:7px;
}

.formLabelAll{
  display:inline-block;
  width:fit-content;
  margin-right:7px;
}

textarea{
  height:120px;
}

.form-group{
  margin-bottom:15px;
}

.consentForm label{
  width:100%;
  margin-bottom:5px;
}

.consentForm label span{
  /*font-size:13px;*/
}

  .consentForm .desc{
    font-size:14px;
  }

.dropdown-toggle.btn-default {
  color: #292b2c;
  background-color: #fff;
  border-color: #ccc;
}
.bootstrap-select.show > .dropdown-menu > .dropdown-menu {
  display: block;
}
.bootstrap-select > .dropdown-menu > .dropdown-menu li.hidden {
  display: none;
}
.bootstrap-select > .dropdown-menu > .dropdown-menu li a {
  display: block;
  width: 100%;
  padding: 3px 1.5rem;
  clear: both;
  font-weight: 400;
  color: #292b2c;
  text-align: inherit;
  white-space: nowrap;
  background: 0 0;
  border: 0;
  text-decoration: none;
}
.bootstrap-select > .dropdown-menu > .dropdown-menu li a:hover {
  background-color: #f4f4f4;
}
.bootstrap-select > .dropdown-toggle {
  width: 100%;
}
.dropdown-menu > li.active > a {
  color: #fff !important;
  background-color: #337ab7 !important;
}
.bootstrap-select .check-mark {
  line-height: 14px;
}
.bootstrap-select .check-mark::after {
  font-family: "FontAwesome";
  content: "\f00c";
}
.bootstrap-select button {
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Make filled out selects be the same size as empty selects */
.bootstrap-select.btn-group .dropdown-toggle .filter-option {
  display: inline !important;
}


/*date	*/

.ui-datepicker{
  min-width:320px !important;
}

.ui-datepicker table{

  background-color: #ffffff;
  box-shadow:0px 0px 10px rgba(0,0,0,0.4);
  padding:15px;
  width: 100%;
}

.ui-datepicker .ui-datepicker-header{
  background-color: #e645a6;
  color:#ffffff;
	padding:10px;
}

.ui-datepicker th{
  border-right: 1px solid #ccc;
background: #141e28;
color: #fff;  
}

.ui-datepicker th:last-child{
  border-right: 0;
}

.ui-datepicker td span, .ui-datepicker td{
  border:1px solid #ccc;
  padding:3px;
  }

  .ui-datepicker td span, .ui-datepicker td:hover{
    background-color: #e645a6;

  }

  .ui-datepicker td span, .ui-datepicker td:hover a{
    color:#ffffff;
  }

.ui-datepicker td span, .ui-datepicker td a{
  text-align:center;
  color:#203040;
 
} 

.ui-datepicker-prev, .ui-datepicker-prev:hover{
  outline:1px solid #ffffff;
  top:10px !important;
  left:10px !important;
  cursor:pointer;
}

.ui-datepicker-next, .ui-datepicker-next:hover{
  outline:1px solid #ffffff;
  top:10px !important;
  right:10px !important;
  cursor:pointer;
}

.ui-datepicker-prev::after{
  display:inline-block;
  content:"<";
  position: absolute;
  color:#ffffff;
  font-size:20px;
  left:7px;
  top:-2px;
}

.ui-datepicker-next::after{
  display:inline-block;
  content:">";
  position: absolute;
  color:#ffffff;
  font-size:20px;
  right:7px;
  top:-2px;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{
  display:none;

}


.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  width: 45%;
  padding: 3px 4px 4px 8px;
  background: #fff;
  border: 0;
  border-radius: 3px;
  margin-left:5px;
}

/*autograph*/

.signature-pad{
  margin:0;
  box-shadow:none;
  padding:0;
  border:0;
  width:100%;
  max-width:100%;
  height:unset;
  min-height:285px;

}

.signature-pad::before, .signature-pad::after{
  display:none;
}
.signature-pad--body{
  border:0; 
  min-height: 100%;

}

.signature-pad canvas{
  border: 1px solid #ced4da;
  border-radius: 5px;
  width:100% !important;
}

.consentForm button{
  border:none;}

  .signature-pad--footer, .signature-pad--actions{
    margin-top:0;
  }


  .signature-pad--actions .btn-primary{
    background-color: #e645a6;
    color:#fff;
    padding: 10px 25px;
    font-size:16px;
  }

  .signature-pad--actions .btn-primary:hover{
    background-color: #00bfff;
    color:#fff;
  }

.consentForm .error{
	font-size:13px;
	color:red;
	display:block;
	padding-top: 3px;
}

.consentForm .success{
	font-size:16px;
	color:green;
	display:block;
	padding-top: 10px;
}

.consentForm .errorSending{
	font-size:16px;
	color:red;
	display:block;
	padding-top: 10px;
}

.aagb__accordion_title{
	font-size: 1.263rem;
    font-weight: normal;
    line-height: 1.5;
}


#adminSectionForm .btn-primary{
	margin-right:15px;
}



/* width */
::-webkit-scrollbar {
	width:10px;
	height:10px;
	border-radius:16px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
	border-radius:16px;
	
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #e645a6;
	border-radius:16px;
	border:1px solid #ffffff;
	width: 100px;
}

.checkFlex{
	display:flex;
	align-items:flex-start;

}
/*news*/
.wp-block-latest-posts li{
	border:1px solid #cccccc;
	border-radius: 15px;
  padding: 30px;
}

.wp-block-latest-posts__post-title{
	color:#203040;
	text-decoration:none;
	 font-size:  1.563rem;/*25.00px*/
    font-weight:700;
    margin-bottom:15px;
}

.wp-block-latest-posts__post-excerpt a{
	display:inline-block;
	width:100%;
	color:#e645a6;
	font-weight:700;
	text-decoration:none;
	margin-top:25px;
}


	


/*------------------media query--------------*/



@media all and (min-width: 1440px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1380px;
		
    }
}

@media all and (min-width: 1640px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1560px;
		
    }
}

@media all and (max-width:1399px){
    .compareText{
        width:60%;
        padding:30px 30px;
    }
	
	.area-view table td{
		padding:5px;
	}
}

@media all and (max-width:1199px){
	.navbar-brand img{
		width:130px;
	}
	
	.navbar-nav .nav-link {
	  padding: 13px !important;
	  font-size: 16px;
		white-space:nowrap;
	}
	
	.fa-magnifying-glass::before, .fa-search::before{
		width: 22px;
		height: 22px;
	}
	
	#navbar-main-menu .btn-primary{
		padding: 9px 20px;
	}
	
	.main-headerTitle h1{
		/*font-size: 2.4rem;*/
	}
	
	.main-headerTitle h2{
		/*font-size: 1.8rem;*/
	}
	
	 .compareText{
        width:65%;
    }

    .compareText ul li{
        color:#ffffff;
        font-size:18px;
      }


      .compareText ul li:first-child{
        margin-bottom:15px;  
      }

      .halfTxtBox{
        padding: 50px 70px 50px 0px;    
    }

    .halfTxtBox2{
        padding: 50px 0px 50px 70px;
      }
	
	 h1{
    font-size:  2.65rem;/*42px*/
    font-weight:700;
    margin-bottom:60px;
  }

  h2{
    font-size:  2.125rem;/*34px*/
    font-weight:700;
    margin-bottom:60px;
  }

  h3{
    font-size:  1.75rem;/*28px*/
    font-weight:700;
    margin-bottom:60px;
  }

  h4{
    font-size:  1.563rem;/*23px*/
    font-weight:700;
    margin-bottom:30px;
  }

  h5{
    font-size:  1.25rem;/*20.00px*/
    font-weight:700;
    margin-bottom:30px;
  }

  h6{
    font-size:  1rem;/*16.00px*/
    font-weight:700;
    margin-bottom:30px;
  }
	
}


@media all and (max-width: 991px) {
	.container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl{
        width:100% !important;
        max-width:100% !important;
    }
	
	.btn-primary.hideOnMobile{
		display:none;
	}
	.btn-primary.hideOnMobile{
		display:none;
	}
	
	.btn-primary.showOnMobile{
		display:block;
		margin-top: 7px !important;
	}
	
	h1{
		font-size:2.25rem/*36px*/
	}
	h2{
		font-size:1.813rem/*29px*/
	}
	h3{
		font-size:1.563rem/*25px*/
	}
	h4{
		font-size:1.25rem/*20px*/
	}

	
	.navbar{
		position:static;
	}
	
	.navbar-toggler-icon{
		width:2em;
		height:2em;
	}
	
	.navbar-collapse{
		position: fixed;
		top: 0px;
		right: -320px;
		background: white;
		height: 100%;
		width: 320px;
		z-index:100;
		padding-top: 25px;
		-webkit-transition: all 0.3s ease-in-out;
  		transition: all 0.3s ease-in-out;
 	 	-webkit-transform: translateX(350px);
 	 	transform: translateX(350px);
	}
	
	.navbar-collapse.show{
		right: 0px;
		-webkit-transform: translateX(0);
		transform: translateX(0);
		z-index: 1000;
	}
	
	
	.navbar-nav{
		align-items: flex-start;
		margin-top:35px;
	}
	
	.mobile-close{
		position: absolute;
		right: 5px;
	}
	
	.mobile-close svg{
		width:25px;
		height:25px;
	}
	
	#navbar-main-menu .btn-primary{
		margin-left:0;
		width:100%;
		border-radius:0;
	}
	
	
	.navbar-brand img {
 	 width: 160px;
	}


    .mb-9-6-3 {
        margin-bottom: 60px;
      }
	
	.mb-6-3{
	 margin-bottom:30px;
	}
	
	.single-page{
		height:400px;
	}

      .p-9-6-3{
        padding:60px 0;
      }

    .compareText{
        width:75%;
        justify-content:center;
        padding:00px 30px; 
    }


    .compareText ul li{
        font-size:18px;
      }

      .phase .text{
        max-width:90%;
        padding-bottom:0;
    }

    .links{
        position:static;
        width:90%;
    }

    .beforeLeft{
        text-align: right;
        overflow:hidden;

    }

    .beforeRight{
        overflow:hidden;
    }

    .beforeLeft::after, .beforeRight::after{
        height:320px;
        top:0;
        bottom:0;
        width:200vh;
    }

    .beforeRight img,  .beforeLeft img{
        position: relative;
        max-height:300px;
        top:20px;
       
    }

    .halfTxtBox,.halfTxtBox2{
        padding: 0px 0px 30px 0px;
    }
	
	.fooContact ul{
		justify-content:flex-start;
		flex-wrap:wrap;
	}
	
}

@media all and (max-width: 767px) {
	.headerBg{
		height:420px;
	}
	
	.entry-content{
		/*padding-bottom:30px;*/
	}
	
	
	h1{
		font-size:1.875rem/*30px*/
	}
	h2{
		font-size:1.5rem/*24px*/
	}
	h3{
		font-size:1.438rem/*23px*/
	}
	h4{
		font-size:1.225rem/*18px*/
	}
	
	h5{
		font-size:1.225rem /*18px*/
	}
	
	.mb-9-6-3 {
        margin-bottom: 30px;
      }

      .p-9-6-3{
        padding:30px 0;
      }

    .compareWrap{
        margin-bottom:15px;
    }

    .compareText ul li{
        font-size:16px;
    }

    .compareText{
        width:50%;
        justify-content:center ;
        padding:20px 20px;
    }

    .ph-1::after, .ph-2::after, .ph-3::after{
        width:95px;
        height:140px;
        top:-47px;
        right:-2px;
    }

}

@media all and (max-width: 576px) {
	.bcb-search-custom input{
		width:92%;
	}
	
	.compareBox{
		height:230px;
	}
	
	.compareText{
		width:65%;
	}
	
	.topBarContent .contact ul {
  		flex-direction: column;
	}
	
	.btn-primary{
		width:100%;	
		margin-right:0;
		text-align:center;
	}
	
	
	
}

@media all and (max-width: 375px) {
	.compareText{
		width:100%;
	}
	
	.compareText ul{
		padding-left:15px;
	}
	.pageTitleHeader {
		margin-top: 7px !important;
	}
}

.file-drop-area {
  position: relative;
  display: flex;
  align-items: center;
  width: 450px;
  max-width: 100%;
  padding: 25px;
  border: 1px dashed #abb8c3;
  border-radius: 3px;
  transition: 0.2s;
 
}

.choose-file-button {
  flex-shrink: 0;
  background-color: #e645a6;
  /*border: 1px solid #abb8c3;*/
  border-radius: 50px;
  padding: 8px 15px;
  margin-right: 10px;
  font-size: 12px;
  text-transform: uppercase;
  color: #fff;
}

.file-message {
  font-size: small;
  font-weight: 300;
  line-height: 1.4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.file-input {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
  opacity: 0;
}

.shapedBoxBg {
  background-color: #e645a6;
  color: #fff;
}

.shapedBox{
  background-color:#ffffff;
  border: 1px solid #CCCCCC;
  height:100%;
  position:relative;
  border-radius:15px;
  padding:30px;
}

.noBorder{
  border: 0px;
}

.divineLawWhatIsPadding{
  padding-bottom: 70px;
  margin-bottom: 0px;
}

.shapedBox .title{
  color: #203040;
  /*text-transform: uppercase;*/
  font-size:18px;
  margin-bottom:15px;
  hyphens: auto;
}

.shapedBox .text{
  font-size: 18px;
  color: #313131;
  max-width: 85%;
}

.shapedBox .text h5{
  font-style: italic;
  font-weight: normal;
  letter-spacing: 3px;
  text-align: left;
  text-align: justify;
  line-height: 2;
  margin-bottom: 0;
}

.shapedBox .text a{
  color:#e645a6;
  font-weight:700;
}

.universalNationDecree {
	text-align: center;
	color: #FFD700;
	padding-top: 22px;
}

.divineLawHeader .main-headerTitle h1{
	padding-top: 44px;
	margin-bottom: 0px !important;
}	

.universalNationDecree h2{
	font-weight: bold;
	color: #FFD700;
}

.universalNationDecree h3{
	text-align: center;
	color: #FFD700;
	font-style: italic;
	font-weight: normal;
}

.abidingByNaturalLaw {
	margin-top: 60px;
	text-align: center;
}

.preamble {
	margin-bottom: 60px;
}

.preamble p{
	margin-bottom: 40px;
}

.preamble ol {
	counter-reset: table-of-content;
	list-style-type: none;
	line-height: 1.6;
	padding-left: 0px;
}

.preamble ol li {
	padding-bottom: 11px;
}

.preamble ol li ol {
	padding-top: 11px;
}

.preamble li::before {
	color: #e645a6;
	counter-increment: table-of-content;
	content: counters(table-of-content, ".", decimal) " ";
	font-weight: bold;
	font-size: 16px;
	font-family: sans-serif;
	padding-right: 11px;
	padding-top: 11px;
}

.preamble li li::before {
	color: #e645a6;
	padding-right: 11px;
	padding-top: 33px;
	line-height: 1.6;
}

.colorGold {
	color: #e6c619;
	font-weight: bold;
}

.divineLawDecree {
	padding-left: 20px;
	padding-bottom: 0px; 
	padding-top: 33px;
}

.divineLawDecree h4{
  text-transform: uppercase;
}

.divineLawDecree span{
	font-weight: bold;
}

.divineLawGPMS {
	padding-top: 10px;
	margin-bottom: 50px;
}

.divineLawGPMSMember {
	margin-bottom: 50px;
}

.divineLawGPMSMember span{
	font-weight: bold;
}

.divineLawGPMS span{
	font-weight: bold;
}

.upperStrong{
	text-transform: uppercase;
	font-weight: bold;
}

.divineLawGPMSStar{
	font-weight: bold;
	font-size: 20px;
}

.indigenousGroupCheckBox {
	padding-top: 36px;
}

.indigenousGroupCheckBox label{
	padding-left: 10px;
	width: auto;
}

/* main ticker */
/*.modern-ticker .mt-label {
	background-color: #e645a6 !important;
	top: -1px;
}

.modern-ticker .mt-body {
	margin-left: 0px;
}

.modern-ticker .mt-news {
	background-color: #fafafa;
}*/

.modern-ticker {
	margin-top: 0px !important;
	max-width: none !important;
}

.modern-ticker.mt-theme2 {
	color: #e645a6 !important;
	background-color: #ffffff !important;
}

.modern-ticker.mt-theme2 .mt-news a {
	color: #e645a6 !important;
	background-color: #ffffff !important;
	font-size: 17px;
	font-weight: bold;
}

.whitebg {
	background-color: #ffffff;
}

marquee .text-container a:before {
	/*display: none;*/
}

marquee .text-container a {
	text-shadow: none !important;
}

.fa-magnifying-glass::before, .fa-search::before {
  content: "" !important;
}

.dropdown-toggle::after {
	margin-left: 8px;
	font-size: 13px !important;
}


.cabi-logo {
	background-color: #2f2f2f;
}

.newhumanblueprint-logo {
	background-color: #1f2029;
}

.space-between-elements {
	height: 33px;
}

.inAccorCol {
  text-align: center;
  height:100%;
  display:flex;
  flex-direction: column;
  margin-bottom:30px;
}

.inAccorCol img {
  margin-bottom:33px;
  max-height:150px;
}

.inAccorCol h5 {
  margin-bottom: 10px;
  text-transform: uppercase;
}

.logicalSummary {
	padding: 33px;
	border-radius: 25px;
}

.homeThePathway{
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.oldToNewTheGreatTransitionPadding{
  padding-bottom: 55px !important;
  padding-top: 0px !important;
  margin-bottom: 0px;
}

ol.circleList {
	list-style-type: circle;
}

ol.circleList li span {
	font-weight: bold;
	color: #e645a6;
}

.circleList li::marker {
	font-weight: bold;
	color: #e645a6;
}

ol.circleList li::before {
	font-weight: bold;
	color: #e645a6;
}

li::marker {
	color: #e645a6;
}

.badges { 
	margin-bottom: 0.5rem; 
}

.pill { 
	display: inline-block; 
	padding: 0.25rem 0.6rem; 
	border-radius: 999px; 
	font-size: 0.85rem; 
	background: #fff; 
	border: 1px solid #e6e6e6; 
	margin-right: 0.35rem; 
}

.oldToNewColOld { 
	border-left: 5px solid #cc0000 !important; 
}

.oldToNewColNew { 
	border-left: 5px solid #009933 !important; 
}

.oldToNewGrid { 
	display: grid; 
	grid-template-columns: 1fr 1fr; 
	gap: 1rem; 
}
    
.oldToNewCol { 
	background: #fafafa; 
	border: 1px solid #eee; 
	border-radius: 12px; 
	padding: 1rem; 
}    

.oldToNewComparison p { 
	margin: 0; 
}

.oldToNewFooter { 
	margin-top: 2rem; 
	font-size: 0.95rem; 
}

.oldToNewComparison { 
	
}

.oldToNewComparison .row {
	padding-top:33px;
}

ol.publicNotice span{
	font-weight: bold;
	color: #e645a6;
}

ol.publicNotice {
	list-style: none;
}

ol.publicNotice li {
	padding-bottom:22px;
}

ol.publicNotice li::before {
	content: "Issued on ";
	font-weight: bold;
	color: #e645a6;
}

/*.tagbanwa img{
  margin-bottom:15px;
  max-height:555px;
  position: static !important;
  padding-top:33px;
  padding-bottom:33px;
}

.polaroid {
  width: 80%;
  background-color: white;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin-bottom: 25px;
}*/

.tagbanwa {
  --ink:#2b2b2b;
  --soft:#5b4a3f;
  --veil:#f7f5f1;
  --line:#e6e0d7;
  color: var(--ink);
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Inter, Helvetica, Arial, sans-serif;
  line-height: 1.65;
  max-width: 980px;
  margin: 0 auto;
  padding: 16px;
}

/* Headings */
.tagbanwa h2,
.tagbanwa h3 {
  font-weight: 700;
  color: var(--soft);
  text-align: center;
  margin: 24px 0 10px;
}
.tagbanwa h2 { font-size: clamp(22px, 2.8vw, 28px); }
.tagbanwa h3 { font-size: clamp(18px, 2.3vw, 22px); }

/* Sections */
.tagbanwa .section {
  background: var(--veil);
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 16px;
  margin: 22px 0;
}

/* Image handling: keep original proportions (no crop/stretch) */
/* Default for all images (responsive but not stretched) */
.tagbanwa img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  border-radius: 12px;
  box-shadow: 0 6px 18px rgba(0,0,0,.12);
}

/* First + Last images: smaller, similar to middle pictures */
.tagbanwa .first-img,
.tagbanwa .last-img {
  max-width: 460px;   /* balanced size */
}

/* Simple grids */
.tagbanwa .grid-3,
.tagbanwa .grid-1 {
  display: grid;
  gap: 16px;
  margin: 14px 0 6px;
}
.tagbanwa .grid-3 { grid-template-columns: 1fr; }
@media (min-width: 740px){
  .tagbanwa .grid-3 { grid-template-columns: 1fr 1fr 1fr; }
}

/* Spacing helpers */
.tagbanwa .block { margin: 14px 0; }
.tagbanwa .divider {
  height: 1px;
  background: var(--line);
  margin: 22px auto;
  width: 88%;
}
/* GPMS section aligned with site palette: pink, black, white */
.gpms-sec {
  background: #fff;                  /* pure white box */
  border: 1px solid #eee;            /* soft light border */
  border-radius: 12px;
  padding: 28px 32px;                /* generous inner padding */
  margin: 30px 0;
  box-shadow: 0 4px 16px rgba(0,0,0,0.05); /* soft subtle shadow */
}

.gpms-sec h2 {
  font-size: 1.4em;                  /* smaller, elegant heading */
  color: #222;                       /* near black */
  margin-top: 0;
  margin-bottom: 14px;
  text-align: left;
  font-weight: 600;
}

.gpms-sec h3 {
  font-size: 1.15em;                 /* modest subheadings */
  color: #444;                       /* softer dark gray */
  margin: 16px 0 8px;
  font-weight: 600;
}

.gpms-sec p,
.gpms-sec ul {
  line-height: 1.65;
  margin: 8px 0 14px;
  color: #333;                       /* body text */
}

.gpms-sec ul {
  padding-left: 20px;
}

.gpms-sec ul li {
  margin: 4px 0;
}

/* Divider */
.gpms-sec hr {
  border: none;
  height: 1px;
  background: #eee;
  margin: 26px 0;
}

/* Links styled in site pink */
.gpms-sec a {
  color: #e63973;                    /* vibrant pink accent */
  font-weight: bold;
  text-decoration: none;
}
.gpms-sec a:hover {
  text-decoration: underline;
}

/* Optional: <details> element */
.gpms-sec details summary {
  font-size: 1.05em;
  cursor: pointer;
  color: #222;
  background: #fdf1f6;               /* soft blush pink background */
  padding: 8px 12px;
  border-radius: 8px;
  margin-top: 12px;
  transition: background 0.2s ease;
}
.gpms-sec details[open] summary {
  background: #f9d9e6;               /* slightly deeper pink when open */
}
.gpms-sec details > *:not(summary) {
  margin-top: 12px;
}
/* Aspect ratio container: unchanged */
#map_326 .map_aspect_ratio {
    padding-top: 0 !important;
    position: relative !important;
    height: auto !important;
}

/* Fix outermost wrapper to avoid container cutoff */
#map_wrapper_326.map_wrapper,
#map_wrapper_326 .map_box {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: visible !important;
}

/* Ensure the map container positions correctly */
#map_326 .map_container {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    overflow: visible !important;
    z-index: 1;
}

/* Main render block */
#map_326.map_render {
    width: 100% !important;
    height: 100% !important;
    min-height: 450px !important;
    position: relative !important;
    overflow: visible !important;
}

/* Ensure child div expands properly */
#map_326.map_render > div {
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
    top: 0;
    left: 0;
    overflow: visible !important;
}

/* SVG fix */
#map_326.map_render svg {
    margin: 0 auto !important;
    display: block !important;
}

/* Mobile tweaks */
@media (max-width: 768px) {
    #map_326 .map_aspect_ratio {
        padding-top: 80% !important;
    }

    #map_326.map_render {
        min-height: 320px !important;
    }
}

/* Fix pagination clipping caused by Bootstrap Component Blox 2.7.2 */
.innerContent {
    overflow: visible !important;
    position: relative !important;
}
.innerContent .container {
    overflow: visible !important;
}
.innerContent .row {
    overflow: visible !important;
}

.tickerContainer {
	margin-top: -11px;
}

.h4Colorized {
    color:#e645a6;
    padding-top: 22px;
    font-size: 24px !important;
}

.wp-block-quote {
    border-color: #e6c619 !important;
}

blockquote {
   border-color: #e6c619 !important;
   text-align: center;
   /*background-color: #F3F4F6;*/
   border-radius: 17px;
   border: 1px solid !important;
   font-size:20px;
   font-family: "Liberation Serif", "Times New Roman", serif;
}

blockquote p {
    
}

/* Hover state */
.navbar-nav .nav-link:hover,
.dropdown-menu .nav-link:hover {
	background-color: #f7f7f7;
	color: #e645a6;
}

/* Active / current menu item */
.current-menu-item > .nav-link,
.current-menu-ancestor > .nav-link {
	color: #e645a6;
	font-weight: 600;
}

/* Dropdown parent when open */
.nav-item.dropdown.show > .nav-link {
	background-color: #f0f0f0;
	color: #e645a6;
}

/* Active item inside dropdown */
.dropdown-menu .current-menu-item > a {
	color: #e645a6;
	font-weight: 600;
}

@media (max-width: 767px) {

	.main-headerTitle h1 {
		font-size: 2.1rem;
		line-height: 1.15;
	}

	.main-headerTitle h2 {
		font-size: 1.45rem;
		line-height: 1.25;
	}

	.main-headerTitle h3 {
		font-size: 1.25rem;
		line-height: 1.3;
	}

	.main-headerTitle h4 {
		font-size: 1.1rem;
		line-height: 1.35;
	}
	
	.homeThePathway .row, 
	.logicalSummary .row,
	.matthewTop .row {
		padding: 13px;
	}
}

@media (max-width: 360px) {

	.main-headerTitle h1 {
		font-size: 1.9rem;
	}

	.main-headerTitle h2 {
		font-size: 1.35rem;
	}

	.main-headerTitle h3 {
		font-size: 1.2rem;
	}

	.main-headerTitle h4 {
		font-size: 1.05rem;
	}
}
.DivineGPMS-perspectives {
  margin-bottom: 44px;
}

/* Card container */
.DivineGPMS-card {
  height: 100%;
  padding: 30px 24px;
  border-radius: 18px;
  background: #ffffff;
  text-align: center;
  color: inherit;
  border: 1px solid rgba(0,0,0,0.06);
  box-shadow: 0 8px 24px rgba(0,0,0,0.08);
  transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
}

/* Hover effect stays, but card is not clickable */
.DivineGPMS-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 42px rgba(0,0,0,0.15);
  border-color: rgba(230,69,166,0.35); /* subtle highlight */
}

/* Title */
.DivineGPMS-card h4 {
  margin-bottom: 14px;
  font-weight: 600;
}

/* Description */
.DivineGPMS-card p {
  font-size: 15px;
  line-height: 1.5;
  opacity: 0.85;
  margin-bottom: 18px;
}

/* CTA Button */
.DivineGPMS-card-btn {
  display: inline-block;
  padding: 10px 22px;
  border-radius: 999px;
  background: #e645a6;
  color: #ffffff;
  font-weight: 600;
  text-decoration: none;
  transition: background 0.25s ease, transform 0.25s ease;
}

/* Button hover */
.DivineGPMS-card-btn:hover {
  background: #c83c90;
  transform: translateY(-1px);
  color: #ffffff;
}

/* Mobile refinement (optional but recommended) */
@media (max-width: 768px) {
  .DivineGPMS-card {
    padding: 22px 18px;
  }
}