article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section{display: block;}
[tabindex="-1"]:focus{outline: 0 !important;}
input[type="radio"], input[type="checkbox"]{box-sizing: border-box; padding: 0;}
input, button, select, optgroup, textarea{margin: 0; font-family: inherit; font-size: inherit; line-height: inherit;}
table{border-collapse: collapse;}
fieldset{border: none; padding: 0;} html{font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent; margin: 0; padding: 0; width: 100%; min-height: 100%; height: 100%;}
body{font-family: 'Open Sans', Helvetica, Arial, sans-serif !important; font-size: 1.15rem; line-height: 1.6; color: var(--black); text-align: left; background-color: var(--white); -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); position: relative; text-rendering: optimizelegibility; -moz-osx-font-smoothing: grayscale; -moz-font-feature-settings: "liga"; min-height: 100%; height: 100%; padding: 0; margin: 0;}
@-ms-viewport{width: device-width;} h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-weight: 800 !important; line-height: 1.25; letter-spacing: -1px; margin-top: 0; margin-bottom: 0.5rem;}
h1, .h1{font-size: 3.5rem;color: var(--dark-green)}
h2, .h2{font-size: 2.75rem;}
h3, .h3{font-size: 2rem;}
h4, .h4{font-size: 1.25rem;color: var(--dark-green)}
a{color: var(--dark-green); outline: none; transition: 0.2s ease; text-decoration: none;}
a:hover{opacity: 0.75;}
.underline{text-decoration: underline !important;}
.text-left{text-align: left !important;}
.text-right{text-align: right !important;}
.text-center{text-align: center !important;}
.small{font-size: 0.9rem !important; line-height: 1.5 !important;}
.circle{border-radius: 50rem !important;}
.border{border: 1px solid var(--gray) !important;}  :root{
--black: #222222;
--white: #FFFFFF;
--gray: #828282;
--dark-gray: #666666;
--red: #CC3333;
--orange: #ff6a00;
--yellow: #FFD700;
--green: #33CC99 ;
--blue: #529ECC;
--purple: #5E36CA;
--pink: #FF3399;
--dark-blue: #005e5e; --dark-yellow: #eebc65;
--light-gray: #dadada;
--dark-green: #28424f; --light-green: #00d084;
}
.black{color: var(--black) !important;}
.black-bg{background-color: var(--black) !important;}
.white{color: var(--white) !important;}
.white-bg{background-color: var(--white) !important;}
.gray{color: var(--gray) !important;}
.gray-bg{background-color: var(--gray) !important;}
.dark-gray{color: var(--dark-gray) !important;}
.dark-gray-bg{background-color: var(--dark-gray) !important;}
.red{color: var(--red) !important;}
.red-bg{background-color: var(--red) !important;}
.orange{color: var(--orange) !important;}
.orange-bg{background-color: var(--orange) !important;}
.yellow{color: var(--yellow) !important;}
.yellow-bg{background-color: var(--yellow) !important;}
.green{color: var(--green) !important;}
.green-bg{background-color: var(--green) !important;}
.blue{color: var(--blue) !important;}
.blue-bg{background-color: var(--blue) !important;}
.purple{color: var(--purple) !important;}
.purple-bg{background-color: var(--purple) !important;}
.pink{color: var(--pink) !important;}
.pink-bg{background-color: var(--pink) !important;}
.dark-blue{color: var(--dark-blue) !important;}
.dark-blue-bg{background-color: var(--dark-blue) !important;}  
.dark-yellow{color: var(--dark-yellow) !important;}
.dark-yellow-bg{background-color: var(--dark-yellow) !important;} 
.light-gray{color: var(--light-gray) !important;}
.light-gray-bg{background-color: var(--light-gray) !important;} 
.dark-green{color: var(--dark-green) !important;}
.dark-green-bg{background-color: var(--dark-green) !important;}  
.light-green{color: var(--light-green) !important;}
.light-green-bg{background-color: var(--light-green) !important;} .img-fluid{max-width: 100%; height: auto;}
.min-height{min-height: 1000px;}
.p-0{padding: 0rem !important;}
.p-1{padding: 0.25rem !important;}
.p-2{padding: 0.5rem !important;}
.p-3{padding: 1rem !important;}
.p-4{padding: 2rem !important;}
.p-5{padding: 3rem !important;}
.px-0{padding-left: 0rem !important; padding-right: 0rem !important;}
.px-1{padding-left: 0.25rem !important; padding-right: 0.25rem !important;}
.px-2{padding-left: 0.5rem !important; padding-right: 0.5rem !important;}
.px-3{padding-left: 1rem !important; padding-right: 1rem !important;}
.px-4{padding-left: 2rem !important; padding-right: 2rem !important;}
.px-5{padding-left: 3rem !important; padding-right: 3rem !important;}
.py-0{padding-top: 0rem !important; padding-bottom: 0rem !important;}
.py-1{padding-top: 0.25rem !important; padding-bottom: 0.25rem !important;}
.py-2{padding-top: 0.5rem !important; padding-bottom: 0.5rem !important;}
.py-3{padding-top: 1rem !important; padding-bottom: 1rem !important;}
.py-4{padding-top: 2rem !important; padding-bottom: 2rem !important;}
.py-5{padding-top: 3rem !important; padding-bottom: 3rem !important;}
.m-0{margin: 0rem !important;}
.m-1{margin: 0.25rem !important;}
.m-2{margin: 0.5rem !important;}
.m-3{margin: 1rem !important;}
.m-4{margin: 2rem !important;}
.m-5{margin: 3rem !important;}
.mx-0{margin-left: 0rem !important; margin-right: 0rem !important;}
.mx-1{margin-left: 0.25rem !important; margin-right: 0.25rem !important;}
.mx-2{margin-left: 0.5rem !important; margin-right: 0.5rem !important;}
.mx-3{margin-left: 1rem !important; margin-right: 1rem !important;}
.mx-4{margin-left: 2rem !important; margin-right: 2rem !important;}
.mx-5{margin-left: 3rem !important; margin-right: 3rem !important;}
.my-0{margin-top: 0rem !important; margin-bottom: 0rem !important;}
.my-1{margin-top: 0.25rem !important; margin-bottom: 0.25rem !important;}
.my-2{margin-top: 0.5rem !important; margin-bottom: 0.5rem !important;}
.my-3{margin-top: 1rem !important; margin-bottom: 1rem !important;}
.my-4{margin-top: 2rem !important; margin-bottom: 2rem !important;}
.my-5{margin-top: 3rem !important; margin-bottom: 3rem !important;}
.mb-0{margin-bottom: 0rem !important;}
.mb-1{margin-bottom: 0.25rem !important;}
.mb-2{margin-bottom: 0.5rem !important;}
.mb-3{margin-bottom: 1rem !important;}
.mb-4{margin-bottom: 2rem !important;}
.mb-5{margin-bottom: 3rem !important;} .btn{display: inline-block; text-align: center; white-space: normal; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: 0.5rem 4rem; font-size: 1.52rem; line-height: 1.5; transition: 0.2s ease; margin: 0 0 0.5rem 0; text-decoration: none; letter-spacing: -0.04rem; cursor: pointer;border-radius:10px;}
.btn:hover, .btn:focus{box-shadow: none; transform: translateY(0.5rem); opacity: 1 !important;}
.btn-yellow{display: inline-block; text-align: center; white-space: normal; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border:#eebc65 solid 2px; padding: 0.3rem 4rem; font-size: 1.52rem; line-height: 1.5; transition: 0.2s ease; margin: 0 0 0.5rem 0; text-decoration: none; letter-spacing: -0.04rem; cursor: pointer;border-radius:10px;}
.btn-yellow:hover, .btn:focus{box-shadow: none; transform: translateY(0.5rem); opacity: 1 !important;} .header{padding: 0.5rem 0; font-size: 1rem; font-weight: 800;}
.header .logo{max-width: 200px;} .post-card{position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-clip: border-box; padding: 1rem; transition: 0.2s ease;}
.post-card:hover{transform: translateY(5px);} .article{margin: 0 auto 100px auto; width: 100%; max-width: 800px;}
.article p{margin-top: 0; margin-bottom: 2.5rem;}
.article ol,ul,dl{margin-top: 0; margin-bottom: 2rem;}
.article ol ol,ul ul,ol ul,ul ol{margin-bottom: 0;}
.article li{margin-bottom: 0.25rem;}
.article iframe{margin-bottom: 2rem;}
.article blockquote{padding-left: 2.5rem; margin: 0; color: var(--gray); border-left: 5px solid var(--dark-yellow); font-style: italic; font-family: georgia, serif;}
.article .byline{margin: 1.5rem 0; font-size: 1rem; text-align: center;}
.article .byline a{text-decoration: none;}
.article .recommended-post{list-style: none; padding: 0 1rem 0.5rem; margin-bottom: 1rem; display: block; width: 100%;} .alignnone{margin: 0; max-width: 100%; width: 100%; height: auto;}
.aligncenter, div.aligncenter{display: block; margin: auto !important; max-width: 100%; width: 100%; height: auto;}
.alignright{float: right; margin: 0 0 20px 20px;}
.alignleft{float:left; margin: 0 20px 20px 0;}
.aligncenter{margin: auto;}
a img.alignright{float: right; margin: 0 0 20px 20px;}
a img.alignnone{max-width: 100%; width: 100%; height: auto;}
a img.alignleft{float: left; margin: 0 20px 20px 0;}
a img.aligncenter{display: block; margin: auto !important;}
.wp-caption{background: none; border: none; max-width: 100%; text-align: left; margin: 0 0 40px 0 ;}
.wp-caption.alignnone{margin: 0 0 40px 0;}
.wp-caption.alignleft{margin: 5px 20px 20px 0 !important;}
.wp-caption.alignright{margin: 5px 0 20px 20px !important;}
.wp-caption img{border: 0 none; height: auto; margin: 0; max-width: 100%; padding: 0; width: 100%;}
.wp-caption p.wp-caption-text{font-size: 11px; line-height: 11px; padding: 0;  margin: 0px !important;} @media (max-width: 1199.98px){ 
}
@media (max-width: 991.99px){
.container{max-width: 100%;}
.text-lg-center{text-align: center !important;}
}
@media (max-width: 767.98px){
.text-md-center{text-align: center !important;}
h1, .h1{font-size: 2.5rem;}
h2, .h2{font-size: 2rem;}
h3, .h3{font-size: 1.5rem;}
.btn{font-size: 1rem; line-height: 1;}
}
@media (max-width: 575.99px){
.header{font-size: 0.75rem;}
}
@media (max-width: 500px){ 
body > section.px-5.light-gray-bg.text-center > div > h4{
font-size: 2.5rem !important;
}
}
@media (max-width: 346px){
}
@media (max-width: 767px){
iframe{
margin-left:auto !important;
margin-right:auto !important;
}
}
@media (max-width: 1199px) and (min-width:992px){
body > section:nth-child(4) > div > div:nth-child(2) > div:nth-child(1) > h4,body > section:nth-child(4) > div > div:nth-child(2) > div:nth-child(2) > h4,
body > section:nth-child(4) > div > div:nth-child(2) > div:nth-child(3) > h4{
font-size: 1rem;
}
}
@media (max-width: 767px){
body > section.px-5.light-gray-bg.text-center > div > h4{
font-size: 2.2rem !important;
}
}
@media (max-width: 1199px){
body > section > div > div:nth-child(12) > div:nth-child(2) > figure > div > iframe,body > section > div > div:nth-child(7) > div:nth-child(2) > figure > div > iframe{
width: 300px;
height: 190px;
}
} .video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.video-container iframe,  
.video-container object,  
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.entry-content img, 
.entry-content iframe, 
.entry-content object, 
.entry-content embed {
max-width: 100%;
}
@media (max-width: 342px){
p#about_info{
font-size:12px;
}
}  #commentform > p.comment-form-comment{
display: grid;
margin-bottom: 20px; !important;
}
#commentform > p.comment-form-author{
display: grid;
margin-bottom: 20px; !important;
}
#commentform > p.comment-form-email{
display: grid;
margin-bottom: 20px; !important;
}
#commentform > p.comment-form-url{
display: grid;
margin-bottom: 20px; !important;
}
#commentform > p.comment-form-cookies-consent{
margin-bottom: 20px; !important;
}  #single_page #submit {
border: none;
height: 60px;
width: 175px;
background-color: #eebc65;
color: white;
border-radius:10px;
font-weight: bold;
}
#single_page #submit:hover{
cursor:pointer;
}
#single_page input[type="text"] {
height: 50px;
padding-left: 10px; border: solid 1px #c3c3c3;
width: 100%;
}
#single_page textarea {
padding-left: 15px !important;
padding-top: 10px !important;
border: solid 1px #c3c3c3;
width: auto;
}  #contact_form .form-container{ margin: 0 auto;
display: block;
padding: 50px;
border: solid 1px #d8d5d5;
}
#contact_form .flex{
display: flex;
}
#contact_form .form-row{
width: 100%;
}
#contact_form .half-col{
width: 50%;
}
#contact_form .whole-col{
width: 100%;
}
#contact_form input[type="text"],input[type="email"],select,textarea{
width: 100%;
height: 50px;
margin: 5px 0;
border: none;
border-bottom: solid 2px #dedede; }
#contact_form .btn{
margin-left:auto !important;
margin-right:auto !important;
} 
#contact_form .textarea{
height: 150px;
resize: none;
}
#contact_form .m-l-5{
margin-left: 5px !important;
}
#contact_form .m-l-10{
margin-left: 10px !important;
}
@media screen and (max-width: 1142px){
#contact_form .flex{
display: block !important;
}
#contact_form .m-l-5{
margin-left: 0px !important;
}
#contact_form .m-l-10{
margin-left: 0px !important;
}
#contact_form .half-col{
width: 100% !important;
}
}
#contact_form input[type="text"], select, textarea {
padding: 15px;
}
#contact_form textarea:focus, #contact_form input:focus, #contact_form select:focus{
outline: none;
}   .vid1,.vid2,.vid3{
position: relative !important;
}
.play-button, .youtube .play-button:before {
top: 50%;
left: 50%;
transform: translate3d( -50%, -50%, 0 );
position: absolute;
}
.play-button {
position: absolute;
display: block;
background: url(https://www.benfrancia.com/wp-content/uploads/2020/05/ube_08626be1144a4e3bfc2ecb8932b54c92.svg);
height: 48px;
width: 70px;
top: 60%;
left: 53%;
margin: -20px 0px 0 -20px;
cursor:pointer;
}
.play-button:hover{
background: url(https://www.benfrancia.com/wp-content/uploads/2020/05/youtube1.svg);
}
@media (max-width: 1199px) and (min-width:992px){
#featured_vid img,iframe{ }
}   .page-nav-container {
margin: 0.5rem auto 0;
}
.prev.page-numbers, .next.page-numbers {
background: #eebc65 !important;
color: #fff;
padding: 0.5rem 1rem;
border-radius: 10px;
}
.page-numbers {
color: #eebc65;
font-weight: bold;
}
.page-numbers.current {
color: #eebc65;
font-weight: bold;
font-size: 25px;
text-decoration: underline;
} .wp-caption {
margin: 0 0 0 0 !important;
}  .embed-responsive {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.embed-responsive-16by9 {
padding-bottom: 56.25%;
}