/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */
@media only screen and ( max-width: 767px ) {
	.hideonmobile{ display:none !important; }
	#box1 {
		padding-right: 20px!important;
  		padding-left: 20px!important;
	}
	#head-title-box {
		flex-direction: column;
		}
	#head-title {
		width:100%!important;
		margin-bottom:1rem;
		}
	.dash_link_to_btn, .logout_link_to_btn {
		margin:1rem;
		transform:scale(0.8);
		}
	#mobile_menu li {
		text-align:center;
	}
}
/* after migrating to bootstrap 5 without this code for xxl screens container gets wider*/
@media (min-width: 1400px) {
	.container {
		max-width: 1140px!important;
	}
}
/*** gm new interface - others to be cleanned */
/**BASICS affecting all pages*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, tr, td {
	border: 0;
	font-family: inherit;
	font-size: 15px;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	vertical-align: baseline;
}
*, *::before, *::after {
    box-sizing: border-box;
}

body {
	font-family: 'Lato', Helvetica, sans-serif !important;
	font-size: 14px;
	color: #404040;
	font-weight: normal;
	overflow-x: hidden;
	line-height: 25px;
	text-align: center;
	background: #fff;
}

.modal-body {
	text-align: left;
}
	
/*hide left menu on not-logged in */
body:not(.logged-in) .wpfm-floating-wh-wrapper {
	display: none !important;
}
/*overwrite divi-style-parent-inline-inline-css affecting the padding of bootstrap 5 form-control*/
.form-control {
    padding: 0.375rem 0.75rem!important; 
}
/*hide principal and teachers registration forms titles, so to put after in center*/
#post-1471 .entry-title, #post-1475 .entry-title, #post-1791 .entry-title { display: none!important; }

/*CONTACT FORM success message*/
.et-pb-contact-message {
color: #ffffff;
font-size: 21px;
}
.et-pb-contact-message p {
	font-weight: 700;
	text-align: center;
}  

.nowrap-text { white-space: nowrap; }

/*CONTACT FORM key registration message*/
.reg-key-form .et-pb-contact-message {
	color: #0e4de3!important;
	font-size: 21px;
	}

/* show hide login form*/
body:not(.et-fb) .rv_element { display: none; }
.et_pb_button.rv_button_opened:after { content:"\32"; }
.et_pb_button.rv_button_closed:after { content:"\33"; }

.dash_link_to_btn a, .logout_link_to_btn  a {
	color: whitesmoke!important;  
	/*border-radius: 50px;  Set this to 0px if you want a square CTA button */
	text-align: center;
	line-height: 9px;
	padding: 18px 16px!important;
	display: block;
	padding-left: 15px!important;
	padding-right: 15px!important;
	border: 0px;
	margin-top: -15px;
}
.dash_link_to_btn a {
	background-color: #1ca5ff;
}
.logout_link_to_btn  a {
	background-color: #ff1c42; 
}
.bottom-nav a {
    font-size: 0.85em!important;
}
#content {
	background: #fff!important;
	/*increase main content height in short content
	min-height: calc(100vh - 219px);*/
}
#main {
	margin-top:35px!important;
	border: #fff!important;
}

/* erease bootstrap 5 link underlines */
#main a {
	text-decoration-line: none!important;
}

#main .admin-intro-links a {
    text-decoration-line: underline!important;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}
ol, ul {
	list-style: none;
}

a:hover {
	text-decoration: none!important;
}
a:focus {
	/*outline: thin dotted; */
	outline:0;
}

/***New headings design**/
#head-title-box {
	display:flex;
	justify-content: space-between;
	margin-bottom:35px;
	font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif;
}

#head-title{
	width:75%;
	color: #000;
    border-left: 20px solid #1ca5ff;
    padding: 15px;
	margin-right: 15px;
    border-radius: 25px;
    box-shadow: 0px 0px 5px 0px rgb(50 50 50 / 30%);
    text-decoration: none;
}
#head-links {
	text-align: right;
}

#head-links span {
	margin-right: 8px;
}
#head-links span.active a {
	border-bottom: 4px solid #61a3ff;
	font-weight: 600;
}
#head-links a {
	color: #212529;
	text-align: right;
	display: inline-block;
	/*background:linear-gradient(180deg, transparent 60%, #2ea3f25e 60%);*/
	border-bottom: 3px solid #61a3ff;
  	transition: all 0.25s linear;
  	position: relative;
	text-decoration-line: none;
}

#head-links a:hover, #head-links span.active a:hover {
	/*background:linear-gradient(180deg, transparent 60%, #28a74554 60%);*/
	border-bottom: 3px solid #da6767;
  	transition: all 0.25s linear;
  	position: relative;
}

#main h1, #main h2 {
	text-align: left;
	margin-bottom: 0!important;
	padding-bottom: 0!important;
}
#main h1 {
	font-size: 1.7em!important;
}

#main h2 {
	font-size:1.15em;
	color: #ff3805;
}
#main h3 {
	font-size: 1em!important;
	text-decoration-line: underline overline;
	text-decoration-color: #e96656;
}
#main h4 {
	font-size:1.1em;
	text-decoration-line: underline;
	text-decoration-color: #1ca5ff;
}

/**end of new headings

*** Boxes styling **/
#box1, #box2, #box3 {
	margin: 30px auto;
	padding: 55px 35px;
	border-radius:13px;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

/*fix missing padding in text inputs*/
#box1 input[type=text], .st-record-outer input[type=text] {
	padding-left: 0.75rem;
}

#box-in-title span, #box-in-title2 span{
	font-size: 1.1em;
    text-decoration-line: underline;
    text-decoration-color: #1ca5ff;
}
/*This gives the default button the probler outsite border*/
.btn.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
    box-shadow: unset !important;
}

.gray-txt-sm {
	color: #B1BAC5;
    font-size: 13px;
}

  /*tooltips*/
/* Tooltip container */
.custom_tooltip {
	position: relative;
  }
  
/* Tooltip text */
.custom_tooltip .tooltiptext {
	visibility: hidden;
    min-width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 3px;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 0;
    margin-top: 3px;
    font-size: 0.8em;
  }
  
  /* Show the tooltip text when you mouse over the tooltip container */
  .custom_tooltip:hover .tooltiptext {
	visibility: visible;
  }

  /* on filter classes and surveyes repopulate table stripes */
	#results_table > tbody > tr.even {
		background: white;
	}
	#results_table > tbody > tr.odd {
		background: rgba(0,0,0,.05);
	}

/* Results and Distribute survey uls lis tabs */
	
.urls_wrap {
	list-style:none!important;
	margin:0;
}
ol.urls_wrap, ul.urls_wrap {
	padding-left:0!important;
}

.urls_wrap a {
	color: #000;
}

.urls_wrap li {
	padding: 19px 19px;
	border-radius: 1.5rem;
	background: peachpuff;
}
.urls_wrap li + li {
	margin-top: 1rem;
}
.urls_wrap a:hover {
	color:#e96656;
}
li.links-flex {
	justify-content: space-between !important;
	display: flex !important;
}

/* ============== styling payments and key registration =========================== */
.key-container {
	border: 1px solid #eee;
	margin: 0 auto 1.5rem;
	padding: 1rem;
}

.edd-download h1.entry-title {
	text-align: center!important;
	font-size: 1.5rem!important;
}

#et-main-area  .status-publish h1.entry-title {
	font-size:1.5rem;
}

.edd_purchase_submit_wrapper {
	text-align: center!important;
}

.edd_purchase_submit_wrapper .blue {
	color: #333!important;
	background: #f0f0f0!important;
	border-color: #ccc!important;
}

/*styles for purchase key page edd */
#purchase-key-box * {
	box-sizing: border-box;
}

#purchase-key-box {
	font-family: "Open Sans", sans-serif;
	margin: 0;
	padding: 1rem;
}

#purchase-key-box .wrapper {
	max-width: 600px;
	margin: 0 auto;
}

#purchase-key-box ol {
	list-style: none;
	padding: 0;
}

#purchase-key-box li + li {
	margin-top: 1rem;
}

#purchase-key-box li {
	display: flex;
	align-items: center;
	gap: 1rem;
	background: aliceblue;
	padding: 1.5rem;
	border-radius: 1rem;
	width: calc(100% - 2rem);
	box-shadow: 0.25rem 0.25rem 0.75rem rgb(0 0 0 / 0.1);
}

#purchase-key-box li::before {
	counter-increment: list-item;
	content: counter(list-item);
	font-size: 3rem;
	font-weight: 700;
	width: 2em;
	height: 2em;
	background: black;
	flex: 0 0 auto;
	border-radius: 50%;
	color: white;
	display: flex;
	justify-content: center;
	align-items: center;
}

#purchase-key-box li:nth-child(even) {
	flex-direction: row-reverse;
	background: lavender;
	margin-right: -2rem;
	margin-left: 2rem;
}

.type-download .post-meta {
    display: none !important;
}