/*
 Theme Name:   GeneratePress Child New
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

.pi-menu {
	width: calc(100% + 40px);
	margin: 0 -20px;
	padding-bottom: 20px;
}

a.toplink {
	font-weight: 500;
	display:flex;
	justify-content:space-between;
	height: 80px;
}
a.toplink > span {
	padding:20px 0 20px 20px;
	font-size: x-large;
}
a.toplink > span.right {
	padding-left: 60px;
	font-style: italic;
}

a.toplink:nth-child(odd) {
	border: 2px solid darkblue;
	color: darkblue;
}
a.toplink:nth-child(even) {
	border: 2px solid tomato;
	color: tomato;
}
a.toplink:nth-child(odd) > .right {
	width:47%;
	border-bottom-left-radius: 40px;
	border-top-left-radius: 40px;
	background:darkblue;
	color:white;
}
a.toplink:nth-child(odd) > .right > span {
	padding-left:9%;
}
a.toplink:nth-child(even) > .right {
	width:43%;
	background: radial-gradient(circle at 0 50%, rgba(255,0,0,0) 40px, tomato 15px);
	color:white;
}

@media (max-width: 700px) {
	a.toplink > span.right > span {
		display: none;
	}
	a.toplink:nth-child(odd) > .right {
		width:22%;
	}
	a.toplink:nth-child(even) > .right {
		width:13%;
	}
}
@media (max-width: 768px) {
	.mob1 {
		order: 1;
	}
	.mob2 {
		order: 2;
	}
	.mob3 {
		order: 3;
	}
}

div#million_pi {
	word-break: break-all;
}

.million_ad {
	float: right;
	margin: 10px 20px 0 20px;
}

/*Additional CSS*/
.mybutton {
  background-color: #2a2d92;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
	border-radius: 10px;
	width: 250px;
	transition-duration: 0.4s;
	margin:8px;
}
.mybutton:hover {
  background-color: #ff5a3f; /* Orange */
  color: white;
}
a.mybutton {
    color: white;
}
.wrapper{
  float:left;
  width:100%;
  text-align:center;
}
.divider{
    width:5px;
    height:auto;
    display:inline-block;
}
.calcbutton {
  background-color: #2a2d92; /* Blue */
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
	border-radius: 10px;
	width: 320px;
	transition-duration: 0.4s;
	margin:10px;
}
.calcbutton:hover {
  background-color: #ff5a3f; /* Orange */
  color: white;
}
a.calcbutton {
    color: white;
}


/* Main Logo */
.main-head-img {
	max-width: 847px;
	max-height: 160px;
	margin: 0 auto 3% auto;
}
.verticalImage {
	display: none;
}

@media screen and (max-width: 900px) {
	.main-head-img {
		max-width: 313px;
		max-height: 200px;
		margin-top: 30px;
		display: flex;
		justify-content: center;
	}

	.horizontalImage {
		display: none;
	}

	.verticalImage {
		display: block;
		padding: 0;
	}
}

/* Hurry Timer */
@media screen screen and (min-width:621px) {
	.timer-wrapper {
		height: 285px;
	}
}
@media screen screen and (min-width:486px) and (max-width:620px) {
	.timer-wrapper {
		height: 475px;
	}
}
@media screen and (max-width: 485px) {
	.timer-wrapper {
		height: 550px;
	}
}