/* 
Theme Name:		 By Akaal Creatives
Theme URI:		 https://akaalcreatives.com/
Description:	 Theme for GoPro Real Estate School, Canada
Author:			 Akaal Creatives
Author URI:		 http://akaalcreatives.com/
Template:		 Divi
Version:		 1.0.0
Text Domain:	 by-akaal-creatives
*/

/* Common Utilities */
.mb-10 {
	margin-bottom: 10rem;
}
.akaal-border {
	border: 4px solid #056078;
	border-radius: 5px;
	box-shadow: 5px 10px 25px rgba(0,0,0,0.2);
}
.et_pb_button, .et_button_no_icon .et_pb_button:hover {
	padding: 0.5rem 1rem !important;
	text-align: center !important;
}
/* /Common Utilities */

/* Menu */
ul.sub-menu li a {
  line-height: 1.2;
  border-left: 2px solid transparent;
}
ul.sub-menu li a:hover {
  border-left: 2px solid #056078;
  transition: all 0.5s ease-in-out;
}
.cta-button {
	background: #e02b20;
	border-radius: 5px;
}

.cta-button a {
	color: white !important;
	padding: 0.65rem 2rem !important
}
.cta-button:hover {
	transform: scale(1.1);
	transition: all .2s 0s;
}
/* /Menu */

/* Home Page */
.akaal-home-course-grid > div {
	aspect-ratio: 16/9;
	display: flex;
	justify-content: center;
	align-items: center;
}

/* .akaal-home-counter::before {
  position: absolute;
  color: #086882;
  top: 0.5rem;
  left: 0;
  font-size: 3rem;
  font-weight: 800;
  line-height: 1;
  width: 3rem;
  height: 3rem;
  text-align: center;
  text-shadow: 5px 5px 10px rgba(0,0,0,0.15);
}

#akaal-counter-one::before {
	content: "1";
}

#akaal-counter-two::before {
	content: "2";
}

#akaal-counter-three::before {
	content: "3";
} */

/* Course Page */
/* Blurbs */
.akaal-blurb .et_pb_blurb_content {
	margin-left: 0;
	margin-right: 0;
	max-width: 95% !important;
}

.akaal-blurb .et_pb_blurb_description {
	background-color: #f4f4f4;
	border-radius: 0 15px 15px 15px;
	padding: 1rem;
}
.akaal-blurb.akaal-blurb-alt-colour .et_pb_blurb_description  {
	background-color: #6ec1e433;	
}
.et_pb_blurb_position_left .et_pb_main_blurb_image, .et_pb_blurb_position_right .et_pb_main_blurb_image {
	width: 42px;
}
/* /Blurbs */

/* Counters */
.akaal-numbered {
	position: relative;
}
.akaal-numbered::before {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 85px;
  font-weight: 900;
  opacity: 0.1;
  color: #056078;
  line-height: 1;
}
#akaal-numbered-one::before {
	content: "01";
}
#akaal-numbered-two::before {
	content: "02";
}
#akaal-numbered-three::before {
	content: "03";
}
#akaal-numbered-four::before {
	content: "04";
}

/* Weekly Schedule */
.akaal-plan {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.cols {
  display: flex;
  justify-content: start;
  border-radius: 5px;
}
.col {
  display: flex;

}
.col:first-child {
  padding: 0.15rem 0;
}

.weeks {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  align-items: stretch;
  gap: 0.15rem;
}

.week {
  text-wrap: nowrap;
  padding: 0.25rem 0.5rem;
  min-width: fit-content;
  width: 15vw;
  max-width: 10ch;
  flex-grow: 1;
  display: flex;
  justify-content: end;
  align-items: center;
  text-align: right;
  font-style: italic;
  font-weight: thin;
  color: #999;
  border-bottom: 1px solid #aaa
}
.week:last-of-type {
  border-bottom: 0px solid transparent;
}

.items {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.15rem 0.15rem 0.15rem 0;
  align-items: start;
}

.item {
  padding: 1rem;
	border-radius: 0 5px 5px 0;
}


.secondary .weeks {
  border-right: 4px solid #3a9806;
  background-color: rgb(58, 152, 6, 0.125);
}
.primary .weeks {
  border-right: 4px solid #056078;
  background-color: rgba(5, 95, 120, 0.125);
}

.secondary .item {
  background-color: rgb(58, 152, 6, 0.125);
}
.primary .item {
  background-color: rgba(5, 95, 120, 0.125);
}
/* /Weekly Schedule */

/* GOBC Class Schedule */
table.gobc-class-schedule th {
    background-color: #056078;
    color: white;
    padding-bottom: 1rem;
}

table.gobc-class-schedule th h3 {
	color: #fff;
}

table.gobc-class-schedule tr.sold-out, table.gobc-class-schedule tr.no-class {
	background-color: #eee;
	color: #888;
}

table.gobc-class-schedule tr.no-class td {
	text-align: center;
}

table.gobc-class-schedule tr > td {
	padding-left: 1rem;
	padding-right: 1rem;
}

table.gobc-class-schedule tr:hover {
    background-color: #f9f9f9;
    transition: all 0.5s ease-in-out;
}

table.gobc-class-schedule tr th:last-child,
table.gobc-class-schedule tr td:last-child,
table.gobc-class-schedule tr td,
table.gobc-class-schedule tr th {
	text-align: center;
}

table.gobc-class-schedule tr td:first-child {
	text-align: left;
}
/* /GOBC Class Schedule */

/* Forms */
.akaal-forms input, .akaal-forms select, .akaal-forms textarea {
	width: 100%;
	border-radius: 5px;
	color: #999;
	font-size: 14px;
	padding: 0.5rem 1rem !important;
	border: 1px solid #bbb !important;
	margin-bottom: 1rem;
}

.akaal-forms label {
  appearance: none;
  display: none;
}
.akaal-forms input::placeholder, .akaal-forms textarea:placeholder  {
  color: #1a1a1a;
}
.akaal-forms input[type="submit"] {
  border-radius: 100px;
  width: fit-content;
  color: #fff;
  background: #056078;
  font-size: 16px;
}
.akaal-forms small {
  font-size: 0.8rem;
  font-style: italic;
  color: #e02b20;
}
/* /Forms */

/* Pricing Page */

.akaal-nested-lists li li {
  margin-left: 1.5rem;
}

/* /Pricing Page */

/* Footer */
#footer-info {
	width: 100%;
}
.akaal-footer {
	display: flex;
	gap: 2rem;
	justify-content: space-between;
}
.akaal-footer .akaal-social img {
	max-height: 24px;
}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
	.akaal-footer {
		flex-direction: column;
		gap: 0.5rem;
	}
}