**	STYLES FOR LANDING PAGES **/
html{
	scroll-behavior:smooth;
}

@font-face {
	font-family: 'Butler';
	src: url("../includes/fonts/Butler/Butler_Medium.otf") format("opentype"), url("../includes/fonts/Butler_Webfont/Butler-Medium.woff") format("woff");
}

h1,h2,h3,h4,h5,h6{
	font-family:'Lato',sans-serif;!important;
}
h2{font-size:38px;line-height:42px;text-transform:uppercase;}
h3{font-size:22px!important;}
p{
	font-size: 16px;
	line-height: 22px;
	color:#505050;
}

.orange{
	color:#f37657;
}

.et_header_style_split #et-top-navigation nav>ul>li>a{
	font-size:14px;
	font-weight:600;
}
.et_header_style_split #et-top-navigation nav>ul>li:first-child>a{
	color:#f37657;
	padding-left:70px;
	padding-right:70px;
}

.section{
	display:block;
	/*max-width:1000px;*/
	width:100%;
	margin:0 auto;
	padding:30px 15px;
}
.section.grey-bg{
	background-color:#f6f6f7;
}

.lp-container{
	display:block;
	max-width:1080px;
	width:100%;
	margin:0 auto;
	overflow:hidden;
}

.row{
	display:flex;
	width:100%;
	position:relative;
	align-items:center;
	justify-content:center;
}
.row.noflex{
	display:inline-block;
}
	.col-md-4{
		float:left;
		width:33.3333%;
	}
	.col-md-5{
		float:left;
		width:41.6555%;
	}
	.col-md-6{
		float:left;
		width:50%;
	}
	.col-md-7{
		float:left;
		width:58.3111%;
	}
	.col-md-8{
		float:left;
		width:66.6666%
	}


/* HEADER */
.header-banner{
	position:relative;
	display:inline-block;
	width:100%;
	height:245px;
	margin-top:26px;
	background-image:url(/wp-content/uploads/2022/02/ronati-guides.jpg);
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
}
	.header-banner .lp-container{
		display:flex;
		height:100%;
		align-items:flex-end;
		padding:15px 0;
	}
	.header-banner h1{

	}


/* Guides Box */
.guide-box{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	width:calc(100% + 90px);
	margin:70px -45px 40px;
}
	.guide-box .guide{
		display:flex;
		flex-direction:column;
		width:calc(50% - 90px);
		margin:0 45px 30px;
	}
		.guide-box .guide .top-text{
			display:inline-block;
			width:100%;
			margin-bottom:30px;
			font-family:'Lato',sans-serif;
			font-weight:300;
			font-size:32px;
			letter-spacing:-1px;
			line-height:1.2;
			color:#f37657;
		}
		.guide-box .guide .image{
			display:inline-block;
			width:100%;
			margin-bottom:30px;
			line-height:0;
		}
			.guide-box .guide .image img{
				width:100%;
				height:auto;
			}
		.guide-box .guide span{
			display:inline-block;
			width:100%;
			font-family:'Lato',sans-serif;
			font-weight:400;
		}
		.guide-box .guide .title{
			margin-bottom:10px;
			font-size:22px;
			line-height:1.3;
			text-transform:uppercase;
			color:#37506e;
		}
		.guide-box .guide .date{
			margin-bottom:20px;
			font-size:18px;
			line-height:1.1;
			text-transform:uppercase;
			color:#f37657;
		}
		.guide-box .guide .info{
			margin-bottom:20px;
			font-size:16px;
			line-height:1.4;
			color:#505050;
		}
			.guide-box .guide span.in-this{
				display:inline-block;
				width:100%;
				margin-bottom:10px;
				font-weight:600;
				color:#f37657;
			}
			.guide-box .guide .info ul{}
				.guide-box .guide .info ul li{
					list-style-type: none;
					position: relative;
					margin-bottom: 8px;
					padding-left: 19px;
				}
				.guide-box .guide .info ul li:before{
					content: '';
					position: absolute;
					top: 6px;
					left: 0;
					width: 14px;
					height: 12px;
					background-image: url(../images/checkmark.png);
					background-size: contain;
					background-position: center;
					background-repeat: no-repeat;
				}
			.guide-box .guide .btn a{
				font-family:'Lato',sans-serif;
			}

			.guide-box .guide .partner{
				display:flex;
				flex-direction:column;
				margin-top:40px;
			}
				.guide-box .guide .partner .p-image,
				.guide-box .guide .partner .p-info{
					display:flex;
					flex-direction:row;
					align-items:center;
					justify-content:center;
				}

				.guide-box .guide .partner .p-image{
					flex-shrink: 0;
					padding-right:20px;
				}
					.guide-box .guide .partner .p-image img{
						max-width:100%;
					}
				.guide-box .guide .partner .p-info{
					margin-bottom:25px;
				}


@media(min-width: 768px){
.guide-box .guide.guide-7908{
		width: 100%;
	}
		.guide-box .guide.guide-7908 .guide-inner{
			display: flex;
			flex-direction: row;
			gap: 90px;
		}
			.guide-box .guide.guide-7908 .guide-inner .image,
			.guide-box .guide.guide-7908 .guide-inner .guide-info{
				width: calc(50% - 45px);
				margin: 0 0 30px;
			}
}


p.bottom-text{
	text-align:center;
}


@media(max-width:767px){
	.guide-box{
		width:calc(100%);
		margin:0 0 40px;
	}
		.guide-box .guide{
			width:calc(100%);
			margin:0 0 30px;
		}
			.guide-box .guide .image{
				text-align:center;
			}
				.guide-box .guide .image img{
					max-width:400px;
				}
}