/*
Theme Name: Broadband
Theme URI: www.broadband.pa.gov
Description: This Theme is Designed for Broadband.pa.gov
Version: 1.4
Author: Sapient Publicis
Author URI: www.broadband.pa.gov
*/

@font-face {
    font-family: 'PPFragment';
    src: url('fonts/PPFragment-GlareRegular.otf') format('opentype'),
         url('fonts/PPFragment-TextRegular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'PPFragment', sans-serif;
}
p{
    color: #001849;
  	margin-bottom: 0;
  	font-family: 'PPFragment', sans-serif;
  	font-size: 16px;
  	line-height: 150%;
}
h1, h2, h3, h4, h5, h6{
    color: #001849;
}
.logo {
    margin-right: 20px; 
}
figure{
    display: inline-block;
	padding: 0px 0px 0px 0px;
}
figure img{
    display: inline-block;
}

figcaption {
    display: inline-block;
	font-size: 13px;
}
.bar {
    height: 40px;
    padding: 10px;
    background-color: #f4f4f4;
}
.bar img{
    max-height: 100%; 
    width: auto; 
    margin-right: 10px; 
}
.bar p {
    font-size: 10px; 
    margin: 0;
}
.bar a {
    font-size: 10px; 
    margin: 0;
}


.bar-link {
    float:right;
	font-size: 18px;
	padding:10px 10px 0px 0px;
}
.navbar{
    background-color: #ffffff;
    padding: 15px;
}
.navbar img{
    max-height: 100%; 
    width: 75%;
}
.hero-banner{
    max-height: 100%;
    padding: 5% 0% 5% 0%;
    background-color: #ffffff;
}
.hero-title{
  color: #001849;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 56px;
  font-weight: 400;
  line-height: 115%;
}
.hero-text{
    color: #001849;
    font-size: 16px;
}
.hero-bg-text{
    padding-top: 8%;
}
.hero-bg-image img{
    border-radius: 25px; 
}
.btn-broad-blue{
    color: white;
    background-color: #00629e;
    border: none;
    padding: 10px 20px; 
    cursor: pointer;
}
.btn-broad-blue:hover{
    background-color: #004976;
}
.homepage-about{
    background-color: #e7f5fe;
    padding: 5%;
}
.about-title{
    font-size: 50px;
}
.about-text{
    font-size: 18px;
    color: #001849;
}
.homepage-cards{
    background-color: #ffffff;
    padding: 5%;
}
.afford-homepage-cards{
    background-color: #ffffff;
    padding: 0,5%,0,5%;
}
.tile-homepage-cards{
    background-color: #ffffff;
    padding: 5%,5%,0,5%;
}
.square-container {
    position: relative;
    overflow: hidden;
}

.square-container img {
    width: 100%;
    height: auto;
    display: block;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}
.card-text-block{
    background-color: #F3F4F5;
    padding: 10%;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
}
.card-text{
    font-size: 18px;
}
.homepage-connectivity{
    background-color: #ffffff;
    padding: 5%;
}
.connectivity-image{
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
	width: 100%;
	height: 100%;
}
.connectivity-text-block{
    background-color: #F3F4F5;
    padding: 20% 10% 10% 10%;
    height: 100%;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;

}
.search-text-block{
    background-color: #F3F4F5;
    padding: 5%;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
	border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}
.no-gutter{
    margin-right: 0;
    margin-left: 0;
	text-decoration: none;
}
.social-icons {
    display: flex;
}
.social-container {
    width: 50px;
    height: 50px; 
    display: flex;
    border: 2px solid #001849;
    justify-content: center;
    align-items: center;
    border-radius: 5px; 
    margin-right: 10px;
}

.footer{
    background-color: #001849;
    padding: 5%;
}
.footer-title{
    color: #ffffff;
}
.footer-text{
    color: #ffffff;
    font-size: 20px;
}
.footer-link{
    color: #ffffff;
    font-size: 18px;
    text-decoration: none;
}
.fpad{
    padding: 0% 5% 5% 0%;
}
.footer-note{
    background-color: #001849;
    padding: 5%;
}
.social-icons-footer{
    display: flex;
    justify-content: flex-end; 
}
.social-container-footer {
    width: 50px; 
    height: 50px; 
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    color: #ffffff;
    font-size: 20px;
}
.social-container-footer-last {
    width: 50px; 
    height: 50px; 
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 0px;
    color: #ffffff;
    font-size: 20px;
}
a{
	text-decoration: underline;
	color: #001849;
}
.blank-page-container{
	padding:5%;
}
.page-container{
	padding:0% 5% 0% 10%;
}
.search-button{
	color: white;
    background-color: #00629e;
    border: 1px solid #00629e;
    padding: 10px 20px; 
    cursor: pointer;
	border-radius: 5px;
}
.about-cards{
    background-color: #ffffff;
    padding: 5%;
}
.btn-broad-seto{
    color: #00629e;
    background-color: #ffffff;
    border: 1px solid #757680;
    padding: 10px 20px; 
    cursor: pointer;
	padding-left: 10px;
}
.btn-broad-seto:hover{
    background-color: #f4f4f4;
}
.btn-broad-seto-meeting{
    color: #00629e;
    background-color: #ffffff;
    border: 1px solid #757680;
    padding: 10px 20px; 
    cursor: pointer;
	padding-left: 10px;
	cursor: pointer;
	border-radius: 5px;
}
.btn-broad-seto-meeting:hover{
    background-color: #f4f4f4;
}
.about-card-head{
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	
}
.about-cards-roles{
    background-color: #ffffff;
    padding: 0 5% 5% 5%;
}
.about-role-title{
	font-size: 13px;
}
.about-executive{
	padding: 5% 5% 0% 5%;
}
.foot-right{
	text-align: right;
}
.news-section{
	background-color: #ffffff;
	padding:5%;
}
.news-heading{
	font-size: 50px;
}
.news-title{
	font-size: 30px;
}
.upcoming-events-block{
    background-color: #F3F4F5;
    padding: 20% 10% 10% 10%;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
}
.maps-banner{
    max-height: 100%;
    padding: 5% 0% 5% 0%;
    background-color: #e7f5fe;
}
.data-card{
	padding: 10%;
	border: 2px solid #757680;
	box-shadow: 4 4px 8px rgba(0,0,0,0.1);
}
.equal-div{
	display: flex;
}
.equal-height{
	flex: 1;
}
.timeline-event.no-content.cool-timeline-info{
	display: none;
}
.external-link {
   
}

.arrow-icon {
   
    margin-left: 5px;
    margin-right: 5px;
    font-size: 1em; /* Adjust the font size as needed */
}
.custom-card{
	border:none;
}
/* Optional: Adjust the margin between options */
.nf-form-content .ninja-forms-field {
    font-size: 20px;
    margin: 0;
    padding: 12px;
}
.nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit] {
    background: #f4f4f4;
    border: 0;
    color: #f7f7f7;
    transition: all .5s;
}
.newsletter_post{
	padding: 5%;
}