@import url('fonts.css');
@import url('header.css');

/* BASE
------------------------------------- */
html,
body {
	font-family: 'Lato';
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	color: #333333; 
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #545D60;
	font-weight: 700;
}

h1 {
	font-family: 'Teko';
	font-style: normal;
	font-weight: 500;
	font-size: 80px;
	letter-spacing: 0.05em;
	text-transform: capitalize;
	color: #FFFFFF;
	text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

h2 {
	font-family: 'Teko';
	font-style: normal;
	font-weight: 500;
	font-size: 60px;
	letter-spacing: 0.05em;
	text-transform: capitalize;
	color: #1A3358;
	text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
}

h3 {
	font-family: 'Source Code Pro';
	font-style: normal;
	font-weight: 500;
	font-size: 24px;
	letter-spacing: 0.35em;
	text-transform: uppercase;
	color: #545D60;
}

.data-modal a,
.main-btn, 
a.main-btn, 
.bp-forms-btn, 
a.bp-forms-btn {
    border: 1px solid #1A3358;
    border-radius: 20px;
    background-color: #fff;
    font-family: 'Source Code Pro';
	font-style: normal;
	font-weight: 500;
	font-size: 17px!important;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #1A3358;
	min-width: 238px;
	text-align: left;
	position: relative;
	padding: 7px 77px 7px 1.5em!important;
	line-height: 27px!important;
}

.data-modal a:hover,
.main-btn:hover, 
a.main-btn:hover, 
.bp-forms-btn:hover, 
a.bp-forms-btn:hover {
	transform: scale(1.1);
}

.main-btn:visited {
	color: #1A3358;
}
.data-modal a:after,
.main-btn:after, 
a.main-btn:after, 
.bp-forms-btn:after, 
a.bp-forms-btn:after{
	content: '';
	position: absolute;
	right: -2px;
	bottom: 0;
	top: 0;
	width: 77px;
	height: 42px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}
.no-webp .data-modal a:after,
.no-webp .main-btn:after, 
.no-webp a.main-btn:after, 
.no-webp .bp-forms-btn:after, 
.no-webp a.bp-forms-btn:after{
	background-image: url("../images/bluebuttonhalf.png")
}
.webp .data-modal a:after,
.webp .main-btn:after, 
.webp a.main-btn:after, 
.webp .bp-forms-btn:after, 
.webp a.bp-forms-btn:after{
	background-image: url("../images/bluebuttonhalf.webp")
}

.main2-btn, 
a.main2-btn {
    border: 1px solid #fff;
    border-radius: 20px;
    background-color: rgba(0,0,0,0.00);
    font-family: 'Source Code Pro';
	font-style: normal;
	font-weight: 500;
	font-size: 17px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #FFFFFF;
	text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
	min-width: 238px;
	text-align: left;
	position: relative;
	padding: 7px 77px 7px 1.5em!important;
}

.main2-btn:hover, 
a.main2-btn:hover {
	transform: scale(1.1);
}

.main2-btn:visited {
	color: #FFFFFF;
}

.main2-btn:after, 
a.main2-btn:after{
	content: '';
	position: absolute;
	right: -2px;
	bottom: 0;
	top: 0;
	width: 77px;
	height: 42px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

.no-webp .main2-btn:after, 
.no-webp a.main2-btn:after{
	background-image: url("../images/buttonhalf.png")
}

.webp .main2-btn:after, 
.webp a.main2-btn:after{
	background-image: url("../images/buttonhalf.webp")
}


.mainlink{
	font-family: 'Source Code Pro';
	font-style: normal;
	font-weight: 500;
	font-size: 17px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #1A3358;
	position: relative;
	display: flex;
    align-items: center;
	transition: ease-in-out .8s;
}
.mainlink:hover:before{
	transform: rotate(45deg);
}
.mainlink:before{
	content: '';
	width: 25px;
	height: 25px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	display: inline-block;
	margin-right: 10px;
	transition: ease-in-out .5s;
}
.no-webp .mainlink:before{
	background-image: url("../images/orangeplus.png");
}
.webp .mainlink:before{
	background-image: url("../images/orangeplus.webp");
}

.secondary-link {
	color: #1A3358;
	font-weight: 600;
}

.wp-caption-text {
    font-size: 12px;
    font-style: italic;
}

.postid-4883 .alignleft {
    clear:left;
}
.postid-4883 .alignright {
    clear:right;
}


@media (max-width: 600px) {
	h1,
	h2 {
		font-size: 32px;
	}

	h3 {
		font-size: 20px;
	}
}