/*
 Theme Name:     Divi Child Theme
 Theme URI:      https://guideagainstaitracking.com
 Description:    Divi Child Theme
 Author:         Cornelius Udeh
 Author URI:     https://www.linkedin.com/in/corneliusudeh
 Template:       Divi
 Version:        1.0.0
*/
 
/* Theme customization starts here
------------------------------------------------------- */
@media (prefers-reduced-motion: no-preference){
	:root {
		scroll-behavior: initial !important;
	}
}

body{
    position: relative;
    font-family: Montserrat;
	height: 100%;
	overflow-x: hidden;
  }

a{
	text-decoration: none !important;
}

a:hover{
	text-decoration: none !important;
	color: #e94359 !important;
}

.side-nav{
	background-color: #F4F4F4;
	height: 100vh;
}


ul.et_mobile_menu{
	height: auto !important;
}

/* Hide mobile Sub menu Items */


.et_pb_menu .et_mobile_menu .menu-item-has-children > a, 
.et_pb_fullwidth_menu .et_mobile_menu .menu-item-has-children > a,
#main-header .et_mobile_menu .menu-item-has-children > a {
    background-color: transparent;
    position: relative;
}
.et_pb_menu .et_mobile_menu .menu-item-has-children > a:after, 
.et_pb_fullwidth_menu .et_mobile_menu .menu-item-has-children > a:after,
#main-header .et_mobile_menu .menu-item-has-children > a:after {
    font-family: 'ETmodules';
    text-align: center;
    speak: none;
    font-weight: 600;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    font-size: 18px;
    content: '\45';
    top: 11px;
    left: 0px;
	padding-right: 2px;
	color: #e94359;
 }
.et_pb_menu .et_mobile_menu .menu-item-has-children.visible > a:after,
.et_pb_fullwidth_menu .et_mobile_menu .menu-item-has-children.visible > a:after,
#main-header .et_mobile_menu .menu-item-has-children.visible > a:after {
    content: '\43';
}
.et_pb_menu .et_mobile_menu ul.sub-menu,
.et_pb_fullwidth_menu .et_mobile_menu ul.sub-menu,
#main-header .et_mobile_menu ul.sub-menu {
    display: none !important;
    visibility: hidden !important;
    transition: all 1.5s ease-in-out;
}
.et_pb_menu .et_mobile_menu .visible > ul.sub-menu, 
.et_pb_fullwidth_menu .et_mobile_menu .visible > ul.sub-menu, 
#main-header .et_mobile_menu .visible > ul.sub-menu {
    display: block !important;
    visibility: visible !important;
}
/* End of Hide Submenu mobile items */


/*change hamburger icon to x when mobile menu is open*/
#et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before,
.et_pb_module.et_pb_menu .et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
	content: '\4d';
}

#db_title_and_tagline{
	margin-bottom: 25px;
}
  #logo-text{
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  text-align: left;
  color: #ffffff;
}

.logo-tagline{
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  text-align: left;
  color: #E94359;
}

/* Divi menu dropdown icon */
	#et-secondary-nav .menu-item-has-children>a:first-child:after, #top-menu .menu-item-has-children>a:first-child:after {
		content: "\43";
		color: #e94359;
	}


#main-header .nav li ul {
    background-color: #ffffff;
    box-shadow: 5px 5px #E94359 !important;
}

  .fa-telegram{
    color: #039BE5;
  }
  .bold{
    font-weight: 700;
  }

  .custom-btn{
    height: auto;
    width: 100%;
    border-radius: 0px !important;
    background-color: #E94359 !important;
    box-shadow: 7px 8px #858585;
    color: #ffffff;
    font-weight: 800 !important;

  }

  .footer-cards>.card:hover, #aboutDownloadBtn .et_pb_fullwidth_header_container>.header-content-container>.header-content>.et_pb_button:hover, .custom-btn:hover{
    position: relative;
	top: -5px;
	left: -5px;
    box-shadow: 7px 8px #000000;
  }

  .demarcate{
    border-top: 5px dotted #000000;
	border-bottom: 0px;
	background-color: transparent !important;
	opacity: 1 !important;
	margin-bottom: 40px;
  }
  .demarcate-pink{
    border-top: 5px dotted #e94359;
	border-bottom: 0px;
	background-color: transparent !important;
	opacity: 1 !important;
	margin-bottom: 40px;
  }

  .border-pnk{
    border: 3px solid #EA4359;
  }

	.border-pnk > div > img {
		/*margin: auto !important;*/
	  }


	.border-black > div > img {
		/*margin: auto !important;*/
	  }

  .border-black{
    border: 3px solid #000000;
  }

	.section-icon {
		width: 92px !important;
		margin-bottom: 20px;
		margin-top: 20px;
  	}

	.text-content{
		padding-left: 80px !important;
		padding-right: 80px !important;
	}

  .pink-notice{
    color: #ffffff;
    background-color: #e94359;
    width: 472px;
    padding: 20px !important;
    margin-left: auto;
	margin-right: auto;
	margin-top:20px;
	margin-bottom: 20px;
    box-shadow: 5px 5px #BFBFBF; /* #e94359 */
  }

  .dark-notice{
    background-color: #000000;
    padding: 30px !important;
    margin-left: auto;
	margin-right: auto;
	margin-top:20px;
	margin-bottom: 20px;
    width: 414px;
    color: white;
    box-shadow: 5px 5px #BFBFBF; /* #BFBFBF */
  }

  /*.dark-notice li::before{
    color: #e94359;
    content: "\2716";
    padding: 2px;
  }*/

  .dark-notice li{
    padding: 5px;
    
  }

  .list-x > li::before{
    color: #e94359;
    content: "\2716"; /* \2022, */
    margin-right: 10px;
	  margin-left: -20px;
  }
.list-x > li > ol > li {
	list-style-type: decimal !important;
    margin-left: 10px;
  }
.list-x > li > ol > li::marker {
    color: #000000;
	font-weight: 800;
    margin-right: 10px;
	margin-left: -20px;
  }

.list-x > li > ol.white > li::marker {
    color: #FFFFFF;
	font-weight: 800;
    margin-right: 10px;
	margin-left: -20px;
  }
  
ul.list-x-white{
	list-style: none;
}
  .list-x-white > li::before{
    color: #ffffff;
    content: "\2716"; /* \2022, */
    margin-right: 10px;
	  margin-left: -20px;
  }

	.list-x-grey > li::before{
		color: #888888;
		content: "\2716"; /* \2022, */
		margin-right: 10px;
		margin-left: -20px;
	  }
	.list-x-black > li::before{
		color: #000000;
		content: "\2716"; /* \2022, */
		margin-right: 10px;
		margin-left: -20px;
	  }

  .list-x > li{
    padding: 5px;
  }

ol {
	list-style-type: decimal !important;
    margin-right: 10px;
  }
ol.bold-list li::marker{
	font-weight: bold;
}

  .pink{
    color: #e94359;
  }
	

  .sm-bold{
    
    font-size: 20px;
    font-style: normal;
    font-weight: 800;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: center;
  }
  .sm-cards{
    box-shadow: 10px 10px #858585;
	  /*height: 170px;*/
  }
  .sm-cards:hover{
    position: relative;
	top: -5px;
	left: -5px;
    box-shadow: 10px 10px #E94359;
	color: initial;
  }

  a.sm-cards{
    text-decoration: none;
    color: #000000;
  }

.sm-cards p {
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
}

.sm-cards img{
	margin-bottom: 25px;
}

  .card{
    width: 339.39px;
	height: 131.71px;
    border-radius: 0px !important;
    border-width: 0px !important;
    box-shadow: 5px 5px #C6C6C6;        
  }

.card img{
	filter: grayscale(100%);
	border-radius: 50%;
	width: 85px !important;
	margin: auto;
}

.footer-cards{
	/*background-color: #000000;*/
}

.footer-cards h2{
	font-family: Montserrat;
	font-size: 50px;
	font-style: normal;
	font-weight: 800;
	line-height: 100%;
}

	#team-container {
		border: 3px dotted #E94359;
		padding: 45px;
	}

  .sticky-top{
    top: 80px !important;
  }

  .scrollspy nav ul li::marker{
    color: #000000;
    font-weight: 600;
    content: "\2716"; /* \2022 */
    padding: 3px;
  }

  .nav-link{
    color: rgba(0, 0, 0, 0.4);
  }
  
  .scrollspy .nav-link.active {
    color: #E94359;
    font-weight: 700;
  }

.share-story{
	font-size: 89px !important;
      font-style: normal;
      font-weight: 800;
      line-height: 144px;
      letter-spacing: 0.015em;
      text-align: left;
      color: #EA4359 !important;
      
}
.platform-teams{
	/*padding-left: 55px !important;*/
}

.seven-cols div > p{
    padding: 0px !important;
    margin: 0px !important;
}

.platform-blanks-1{
	min-height: 575px;
	height: auto;
	width: 100%;
	background-image: url("https://guideagainstaitracking.com/wp-content/uploads/2021/02/Background_Desktop_5.png");
	background-color: #000000;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.platform-blanks-2{
	min-height: 575px;
	height: auto;
	width: 100%;
	background-image: url("https://guideagainstaitracking.com/wp-content/uploads/2021/02/Background_Desktop_6.png");
	background-color: #000000;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.appeal-steps-number{
	font-size: 30px;
}

/*Added from custom CSS Divi Options*/

.pink{
	color: #EA4359 !important;
}

.about-skill-list ul {
	list-style: none;
}

.about-skill-list ul li::before {
  list-style: "×";  /* Add content: 2022 is the CSS Code/unicode for a bullet */
  color: white; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}

.telegram-community-guidelines{
	background-color: #000000;
	padding: 30px !important;
	margin: auto;
	width: 414px;
	color: white;
	box-shadow: 10px 10px #e94359;
	text-transform: uppercase;
}
.telegram-community-guidelines ul li::marker{
	color: #e94359;
	content: "\2716";
}

/*Ended*/

.sm-divi-cards h4{
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.side-nav-content{
		  margin-top: 57px;
	  }

.fb-bold-li > li::marker{
	font-weight: bold;
}

.platform-container{
	padding-right: 120px;
	padding-left: 120px;
}

.yvm h3{
	
      font-size: 25px;
      font-style: normal;
      font-weight: 800;
      letter-spacing: 0.035em;
      text-align: left;
      background-color: #ffffff;
      color: #000000;
	margin-top: 40px;
}

.yvm p{
	font-family: Montserrat;
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      letter-spacing: 0em;
      text-align: left;
      color:#ffffff;
}

.yvm p.emailtxt{
	
		font-size: 23px;
      font-style: normal;
      font-weight: 900;
      text-align: left;
      color: #EA4359;
      
}


  @media only screen and (max-width: 800px) {
    body{
      font-size: 10px;
    }
	  #page-container{
		  /*overflow-x: hidden;*/
		  /*position: relative;*/
	  }
	.sticky-top{
    	top: 0px !important;
  	}
	 
    .side-nav {
      height: auto;
      display: inline-block;
		background-color: #FFFFFF;
    }
	  
	.et_mobile_menu>li {
		border-bottom: 2px dashed #E94359;	
		text-transform: uppercase !important;
		text-decoration: none;
	}
	  
	.et_mobile_menu li a {
		text-transform: capitalize !important;
		text-decoration: none;
	}
	  
	  #db_title_and_tagline{
		margin-left: -8px;
	}
	  #logo-text{
	  /*font-size: 18px !important;*/
	  font-style: normal;
	  font-weight: 700;
	  text-align: left;
	  color: #ffffff;
	}

	.logo-tagline{
	  font-size: 9px !important;
	  font-style: normal;
	  font-weight: 700;
	  text-align: left;
	  color: #E94359;
	}
	.et_header_style_left #logo, .et_header_style_split #logo {
		max-width: 20%;
	}
	.container { width: 95%; }
	#logo-text { font-size: 0.9em; }
	#logo-tagline { font-size: 0.4em; }
	  
	#et-top-navigation span.mobile_menu_bar::before, #et-top-navigation span.mobile_menu_bar::after {
		color: #000 !important;
		background-color: #fff;
		box-shadow: 5px 5px #858585;
	}
	#main-header .et_mobile_menu {
		background-color: #ffffff !important;
	}
	  #main-header .et_mobile_menu img {
		width: 25px !important;
	}
	  
		
	  
    .dark-notice{
      background-color: #000000;
      padding: 10% !important;
      margin: 0px;
      width: 100% !important;
      color: white;
      box-shadow: 7px 8px #BFBFBF; /* #BFBFBF */
    }

    img{
      width: 100% !important;
    }

    nav{
      font-size: 8px;
    }
    .nav-item{
      padding: 0.5rem;
    }

    .pink-notice{
      color: #ffffff;
      background-color: #e94359;
      width: 100%;
      padding: 15px !important;
      margin: auto;
      box-shadow: 7px 8px #BFBFBF; /* #e94359 */
    }

    .card{
      width: 100%;
    }

	.footer-cards h2 {
		font-size: 18px !important;
	}
	
	  .footer-cards{
		  padding-top: 20px;
		  padding-bottom: 10px
	  }
	  
	  #team-container-mobile {
		  border: 3px dotted #E94359;
		  padding: 35px;
		  margin-bottom: 35px;
		}
	  
	  #team-container {
			border: 0px dotted #E94359;
		  padding: 20px;
		}
	  #team-container h2 {
			padding: 25px 10px;
		}
	  
	.share-story{
		font-size: 59px !important;
		font-style: normal;
		font-weight: 800;
		line-height: 100%;
		letter-spacing: 0.015em;
		text-align: left;
		color: #EA4359;
		
	}
	  .share-story-container{
		  border: 5px dotted #E94359;
		padding: 15px;
	  }
	  
	  .share-story-container h3{
		  font-family: Montserrat;
		  font-weight: 800;
		  font-size: 15px;
		  line-height: 126%;

		  /* or 19px */
		  letter-spacing: 0.035em;

		  color: #000000;
      background-color: #ffffff;
		 padding: 8px 10px;
	  }
	  
	  .yvm p, p.emailtxt{
		  text-align: center !important;
		  font-size: 14px;
	  }
	.platform-teams{
		/*padding-left: 5px !important;*/
	}
	  
	.section-icon {
		width: 50px !important;
		margin-bottom: 20px !important;
  	}


	.text-content{
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	
	
.platform-blanks-1{
	min-height: 281px;
	height: auto;
	width: 100%;
	background-image: url("https://guideagainstaitracking.com/wp-content/uploads/2021/03/Background_Mobile_5.png");
	background-color: #000000;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.platform-blanks-2{
	min-height: 281px;
	height: auto;
	width: 100%;
	background-image: url("https://guideagainstaitracking.com/wp-content/uploads/2021/03/Background_Mobile_6.png");
	background-color: #000000;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
	  
.scrollspy nav ul li::marker{
    color: #000000;
    font-weight: 600;
    content: none !important; 
    padding: 0px;
  }
	  
.scrollspy nav ul {
    display: flex !important;
	justify-content: center;
	align-items: center;
	padding-left: 0px;
  }
	  
.scrollspy nav .nav-item {
    padding: 0px;
}
.side-nav-content{
	margin-top: 10px;
}
	  
.appeal-steps-number{
	font-size: 20px;
}
.sm-divi-cards .et_pb_main_blurb_image{
	width: 63px !important;
}
	  
	  .platform-container{
		padding-right: 18px;
		padding-left: 18px;
	}
	  .vl{
		  border-left: 5px dotted #e94359;
		  position: relative;
		  height: 26px;
		  left: 50%;
		  margin-left: -3px;
		  top: 0;
	  }
	  
	  .platform-titles{
		  font-style: normal;
		  font-weight: 800;
		  font-size: 18px;
		  line-height: 22px;

		  /* identical to box height */
		  letter-spacing: 0.0015em;

		  color: #000000;
	  }
	  
	  .examples-dm{
		  font-weight: 600;
		  font-size: 16px;
		  line-height: 20px;

		  color: #5C5C5C;
	  }
	  
	  h1#about{
		  font-style: normal;
		  font-weight: 800;
		  font-size: 10px;
		  line-height: 12px;
		  text-align: left;
	  }
	  
	  .scrollspy .nav-item .nav-link{
		  padding-left: 0.5rem !important;
		  padding-right: 0.5rem !important;
	  }

	  
  }