/*
 Theme Name:     Bare bones for Divi
 Author:         Divi theme examples
 Author URI:     http://www.divithemeexamples.com
 Template:       Divi
 Version:        1.0
*/


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */

#footer-info {
	text-align: center;
	float: none;
}

.double-section {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.double-section-reverse {
	display: flex;
	align-items: center;
	flex-wrap: wrap-reverse;
}

.subpage-header h1 {
		color: #fff;
    font-size: 40px;
	font-weight: 800;
}

.subpage-header {
	color: #fff
}

.white-body-text,
.right-text-white {
	color: #fff;
	font-size: 20px;
}

.right-text-white h2 {
	color: #fff;
	font-size: 70px;
}

.white-body-text h2 {
	color: #fff;
	font-weight: 800;
	font-size: 70px;
}

.black-text-left h2,
.middle-text h2 {
	font-size:  70px;
	font-weight: 800;
}

.left-text-black h2 {
	color: #6d6d6d;
  font-size:  70px;
	font-weight: 800;
}

.black-text-left h3 {
	color: #6d6d6d;
  font-size:  50px;
	font-weight: 800;
}

.black-text-left,
.left-text-black {
	font-size: 20px;
	color: #6d6d6d;
}

.black-left-text h3 {
	font-weight: 800;
	color: #6d6d6d;
}

.blue-button {
	font-size: 17px;
	color: #fff;
	padding: 10px;
	background-color: #52a8dc;
	border: none;
	margin-right: 10px;
	margin-top: 30px;
	border-radius: 3px;
	transition: .3s;
}

.dark-blue-button {
	font-size: 17px;
	color: #fff;
	padding: 10px;
	background-color: #204358;
	border: none;
	margin-right: 10px;
	margin-top: 30px;
	border-radius: 3px;
	transition: .3s;
}

.blue-button:hover {
	background-color: grey;
}

.dark-blue-button:hover {
		background-color: grey;
}

.contact-form br {
	display: none;
}

.contact-form input {
	font-size: 17px;
	padding: 7px;
	margin: 7px 0px;
	border: none;
	background-color: #ededed;
	width: 80%;
}

.contact-form textarea {
	font-size: 17px;
	padding: 7px;
	margin: 7px 0px;
	border: none;
	background-color: #ededed;
	width: 80%;
}

.contact-form .wpcf7-submit {
	width: 150px;
	color: #fff;
	background-color: #52a8dc;
	margin-top: -20px;
}


.contact-form .wpcf7-submit:hover {
	background-color: #333;
}

.footer {
  color: #fff;
}

.footer h3 {
	color: #fff;
}

.footer a {
	color: #fff;
}

.footer a:hover {
	text-decoration: underline;
}

.button {
	background-color: #52a8dc;
	color: #fff;
	border: none;
}

.button-dark {
	background-color: #204358;
	color: #fff;
	border: none;
}

.footer h3 {
	font-size: 18px;
	font-weight: 700;
}

@media (max-width: 980px) {
	.right-text-white h2,
  .white-body-text h2,
  .black-text-left h2,
	.left-text-black h2,
	.middle-text h2 {
		font-size: 40px;
	}
	.black-text-left h3 {
		font-size: 35px;
	}
}
@media (max-width: 450px) {
	.blue-button,
	.dark-blue-button {
		font-size: 14px;
	}
	.subpage-header h1{
		font-size:30px !important;
	}
		.subpage-header h3{
		font-size:20px !important;
	}
} 

/* ---------- 404 Page ----------- */

.nopage {
	text-align: center;
	padding-top: 10%;
	height: 90vh;
	background-image: Url('/wp-content/uploads/2019/03/404-background.jpg');
	background-size: cover;
	background-position: 100%;
}

.nopage h1 {
	font-size: 200px;
	font-weight: 800;
	text-shadow: 5px 5px 0px #ddd
}

.nopage p {
	font-size: 20px;
	margin-bottom: 50px;
	color: #333;
}

.nopage a {
	background-color: #fff;
	padding: 15px 30px;
	margin-top: 40px;
	color: #333;
	font-size: 20px;
	border-radius: 40px;
	font-weight: 600;
	text-transform: uppercase;
	border: 4px solid #333;
	transition: linear .15s;
}

.nopage a:hover {
	background-color: #333;
	color: #fff;
}

@media (max-width: 600px) {
	.nopage h1 {
		font-size: 70px;
	}
}