/*
Theme Name:    rbe-2025
 Theme URI:    https://alysonryanboe.com
 Description:  Blank Canvas Child Theme developed by Electric Bricks for Alyson Ryan for Sayville BOE
 Author:       Keith Paul
 Author URI:   https://electricbricks.net
 Template:     eb-blank-canvas
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         eb-blank-canvas, responsive-layout, electricbricks
 Text Domain:  rbe-2025
*/


@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

/*BODY*/
html {height:100%;}
body{background-color: #faf8e8; color: #6F6F6F;font-family: 'Open Sans', sans-serif;font-weight: 400;height:100%;overflow-x: hidden;}

/*FONTS*/
h1 {font-size:2.5rem;}
h1, h2, h3 {font-weight:500;color:#011D40;font-family: "Playfair Display", sans-serif;}
/*h2 {font-size: 2.5rem;}*/
/*h3 {font-size:1.5rem;}*/
h4 {font-weight:400;font-size:1.25rem;}
.single h1, .single h2 {text-transform:none;}
h2 a, h3 a {color:#2f2f2f;}
a {color:#5B0EB5 ; text-decoration: none;}
a:hover {color:#BE1D2D;text-decoration:none}
.label {position:relative;font-family: "Open Sans";font-size: 1rem;font-weight: 600;}

blockquote {background: #fafafa;padding: 4px;}
.phone i {color:#28487F;}
.social-icons i {color:#28487F;}
.topnav a {color:#58595B;font-size:1rem;}
.hero h1 span {font-weight:700;}
.hero-services i {color:#9FD356;}
.case-studies h4 a {color:#58595B;font-weight:700;}
.read-more {display:block;}
.contact-info i {color:#2699FB;}

/* Newsletter signup */
.newsletter form {display:flex;}
.newsletter form input {min-width: 290px!important;border-radius:0}
.newsletter button[type="submit"] {border-radius:0!important;width:100%;margin-top:20px}
.newsletter div.wpforms-container-full .wpforms-form .wpforms-submit-container {margin:0;}
.newsletter .wpforms-container .wpforms-field {padding:0;}

/*Social icons*/
.socials i {font-size:20px;padding:0 16px 0 0;}
footer .socials i {padding:0;}
footer .socials a {display:inline-block;color:#956dda;border:1px solid #673AB7;height:50px;width:50px;border-radius:50px;text-align:center;padding:15px}
.prenav .socials a {color:#956dda;border:none;height:auto;width:auto;}
.prenav .socials i {font-size:16px;}

.services {margin-top:0;}
.testimonial-single {background: rgb(255,255,255);
background: linear-gradient(41deg, rgba(255,255,255,0) 3%, rgba(219,208,230,1) 100%);}

/*Phone bug*/
.phone {font-size:1.5rem;display: flex;justify-content: flex-end;align-items: center;position: relative;}
.phone span {font-size:.875rem;display: block;/* color: #222; */}
.phone p {color:#333;margin:0;padding:0;}
.phone-number {font-size:1.15rem;font-weight:700;color:#212121;}
.phone::before {font-family: "Font Awesome 6 Pro";font-weight: 400;content: "\f3cf";color: #00A79D;font-size: 2.7rem;margin-right: 8px;}

.mobilePhoneIcon {width: auto;position: absolute; z-index: 999;left: 20px;top: 6px;font-size: 20px;color:#78CB44;}
.mobilePhoneIcon a {color:#BE1D2D;font-size:1.5rem}


/* Page images */
.vc_box_rounded img, .featuredImage img {border-radius:16px!important;}

/* CASE STUDIES */
.case-studies h4 a {color:#58595B;font-weight:700;}
.case-studies img {border-radius:16px!important;}

/* NEWSLETTER  */
.newsletter legend, .newsletter label {color:#ffffff!important;}

/*Service cards*/
.blurb .vc_column-inner {box-shadow:#eeebeb 0 0 24px;border-color:#ededed;background-color: #fff;padding-top:24px;border-radius:6px;color: #6F6F6F;}

/*JUMBOTRON*/
.jumbotron {margin-bottom:0;color:#fff;padding:48px 0;box-shadow: inset 0 0 0 1000px rgb(8 8 8 / 70%);min-height:400px;display: flex;align-items: center;}
.jumbotron .left .wpb_wrapper {max-width:660px;margin-left:auto;}
.jumbotron .right .wpb_wrapper {max-width:660px;margin-right:auto;}   
.jumbotron .list-style li {color:#fff;}
.jumbotron h3 {color:#ffffff;}

/* Sponsors */
.brands .row {width:100%;padding:16px;text-align:center;align-items:center;flex-direction:column}
.brands .brand {width:100%;}

/*CARDS*/
.cards .img-news {width: 200px;height: 100px;border-radius:6px;background-size: contain;background-position: center;background-repeat: no-repeat;}
.cards .row > div {margin-bottom:24px!important;}
.card {height:100%;border:none;box-shadow: 0 0px 6px #e4e4e4;border-radius:8px; padding: 15px;}
.card p.label:after {content:none;}

.cards.child .img-news, .cards.blog .img-news {width: auto;height: 200px;border-radius:0;background-size: cover;background-position: center;background-repeat: no-repeat;}


/*UBERMENU*/
.ubermenu-responsive-toggle i {font-size:1.25rem;}
.topnavMobile a {font-size:1rem;}
.ubermenu-item {border:none!important;}

.service > div {display:flex;}
.service img {/* padding:16px; */max-width: 100px;height: 100px;}

/*---- Form Download  ----*/
.formDownload {background: #fff;padding:24px;align-items: center;margin-bottom: 24px;border: 1px solid #ebebeb;border-radius: 4px;transition: all 0.2s ease-in-out 0s;position:relative;}
.formDownload:hover {background:#f7f7f7;}
.formDownload > div, .formDownload > div{display: inline-flex; flex-direction: column;}
.formDownload h3 {padding-bottom:16px;text-align:center;}


/* TESTIMONIALS */
.testimonial {margin-bottom:40px;padding:24px;box-shadow: 0 0 24px #e9e9e9;border-radius:8px;}
.testimonial i {font-size:3rem;color:#5B0EB5;}

/*Forms*/
.quick-form .wpforms-container .wpforms-field-label {color:#ffffff;}

/*.error404 h1, .post h1, .blog h1, .author h1, .search h1, .category h1 {padding: 40px 0 24px;}*/
.search h1 span {color: #bcbcbc;}
#main_ul-topnav-menu .btn-outline a {border:1px solid #F21651;margin-left:16px;}
.readMore a {color:#b2b2b2;}
.readMore a i {color:#ED9B3C;padding-right:4px;}

/********** Widgets  **********/
.headerRightWidget a {color:#f6eee3;}
.mainnav .socialMediaWidget {padding:6px;text-align:center;}

.service {display:flex;align-items:center;}
.service img {margin-right: 24px;}

.blog h2 {font-size:1.5rem;}
p.badge {color:#4075E3;font-size: 1rem;text-transform: uppercase;padding:0;margin:0;}

/**********Logo **********/
.logo img {padding-bottom:12px;max-width: 200px!important;}

/*
.logoLink{width: 100%;display: block;text-align: center;}
.logos img{max-width: 225px !important;}
*/

.entry-title {margin:40px 0 16px 0;}

/*Label above titles*/

.alignnone, .aligncenter, .alignleft, .alignright{max-width: 100%;height: auto;}
a.offScreen{position: absolute; left: -1000px; top: -1000px; width: 1px; height: 1px; overflow: hidden;}
a.offScreen:focus, a.offScreen:active, a.offScreen:hover{position: absolute; left: 0; top: 0; width: auto; height: auto; overflow: visible; background-color: #FF3; border: 1px dotted #000;}

.home header {box-shadow:none;}
header {width: 100%;}
header.showImage, header.home{margin-bottom: 0;}
header .container {flex:1;}
header li {list-style: none;}
header li:before {content:none;}
header .socialIcons > li{display: inline; margin: 0 3px;}
header h3 {color:#ED9B3C;}

.headerRightWidget .textwidget {display:flex;justify-content: flex-end;flex-wrap:wrap;text-align: center;padding:0 16px;}
.headerRightWidget .textwidget p {/* padding:14px 0 0; */}
.headerRightWidget .textwidget a {margin-top:14px}
#preHeaderLeft .textwidget {display:block;text-align:center;}
#preHeaderRight {text-align: center;}
.home .headerRightWidget .textwidget h3 {display:none;}
.prenav a, .prenav p {color:#fff;font-size:14px;}
#preHeaderLeft .textwidget {display:block;text-align:center;}
#preHeaderRight {text-align: center;}
.socialMediaWidget p {margin:0;}
.socialMediaWidget a {padding:0 8px;color:#fff;font-size:1.25rem;}
.social-icons i{/* min-width: 30px; *//* min-height: 30px; *//* border: 1px solid #f16281; */border-radius: 30px;/* padding: 12px; */margin:0 6px 0;font-size:1.25rem;}
.main-nav .branding {padding-bottom: 12px;align-items: center;}
.cta {text-align:center;}
header .logo {display:flex;justify-content: center;}

/*CONTACT*/
.contact i {color:#8D5BA5;padding-right:6px;}
.contact h4 {padding-bottom:16px;}
.contact .address span {display:block;padding-left:26px;}

/* Header Left mobile icon*/
.mobilePhoneIcon {width: auto;position: absolute; z-index: 999;left: 20px;top: 14px;font-size: 20px;color:#ED9B3C;}
.mobilePhoneIcon a {font-size:1.25rem;padding-right:14px;color:#ED9B3C;}

/*---- Interior hero image section----*/
.pageTitleImage {
    background-position: center;
    background-size: cover;
    min-height: 300px;
    display: flex;
    align-items: stretch;
	margin-bottom: 56px;
}
.pageTitleTint {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.pageTitleTint img {width: 100px;}

.message {margin-bottom:0;color:#fff;padding:56px 0;box-shadow: inset 0 0 0 1000px rgba(0,0,0,.5);min-height:400px;display: flex;align-items: center;}

.pageTitleImage h1, .pageTitleImage p {color: #ffffff;flex-grow: 1;width: 100%;margin-top: 0;}
.pageTitleImage p {font-family: "Smooch", cursive;font-size:24px;color:#cea4ff;margin: 0;}


/*---- Form Display----*/
input[type="text"], 
input[type="email"],
input[type="search"],
input[type="tel"],
input[type="password"]
{padding:6px 10px;height:38px;border:1px solid #ccc;border-radius:2px;}
select {padding:4px 10px;height:38px;border:1px solid #ccc;border-radius:2px;}
button[type="submit"] {background-color:#5B0EB5!important;color:#fff!important;border-radius:3px!important;font-weight:400!important;padding: 10px 20px!important; }
.select2-selection__arrow {top:6px!important;}
.woocommerce-page form .show-password-input {top:auto;}
.select2-selection {padding:4px 10px 0 0!important;height:38px!important;border:1px solid #ccc!important;border-radius:2px;}

div.wpforms-container-full .wpforms-confirmation-container-full {background:#f8f8f8;}

.page-template-page-no-image h1 {margin-top:32px;padding:32px 0;}

/* Newsletter signup */
.newsletter form {display:inherit;}
.newsletter form input {min-width: 290px!important;border-radius:0}
.newsletter button[type="submit"] {border-radius:0!important;width:100%;margin-top:20px;background:none!important;border:1px solid #6d4fa2!important}
.newsletter div.wpforms-container-full .wpforms-form .wpforms-submit-container {margin:0;}
.newsletter .wpforms-container .wpforms-field {padding:0;}

/*---- Mobile hamburger menu----*/
.symbol_menu {font-size: 56px;position: absolute;top: -6px;right: 10px;color:#333;}
.symbol_cross {font-size: 16px;position: absolute;right: 18px;color:#333;} 

/*---- Services----*/
#services .icon img {height:45px;width:auto;margin-bottom:16px;}
#services .card {box-shadow:0 0 29px #e4e4e4;padding:16px;margin:0;border:none;}

/********** Custom post types **********/
.blog .card .noImage {background:none;height:auto;}
.sponsors .row {align-items:center;margin-bottom:48px;}


/***** Top Margins page *****/
.search #content, .blog #content {margin-top:48px;}

/**** *WooCommerce pages ******/
.single-product .product_meta, .woocommerce-breadcrumb, .woocommerce-ordering {display:none;}
.woocommerce header {background:none;box-shadow:none;}
.woocommerce-page a h2 {color:#333;font-size:1.5rem!important;}
.woocommerce ul.products li.product .price {font-size:1.25rem;color:#BC042C;}
.single-product #content {margin-top:60px;}
.woocommerce-page .woocommerce-info {border-top-color:#BC042C}
.products .main-image {height:300px;width:100%;background-position: center; background-size: cover;}
.woocommerce-page .woocommerce-message {border-color:#BC042C;}
.woocommerce-variation-price {padding-bottom:16px;}
.products .card {margin-bottom:16px;}
.single-product .woocommerce div.product p.price {color:#F21651!important;}
.products .price {color:#F21651;padding-bottom:8px;}
.products .woocommerce-product-gallery__trigger {display:none;}
.main-image {height:250px;width:auto;background-size:cover;background-position:center;}


/***** Event page *****/
.single-event #content {margin-top:40px;}
.single-event .module {border-bottom:4px solid #000;}

/*---- Content ----*/
.home #content  {padding-top:0;}
/*#content {padding-top:56px;flex-grow:1;}*/
#content .no-results {padding-bottom:42px;}

/*---- Counter----*/
.counter h3 {border:6px solid #BC042C;border-radius:50px;width:100px;height:100px;line-height:1.5;margin:0 auto 24px;}

/********** LI styles with font aeseom icon **********/
.list-style ul {list-style:none;}
.list-style li {margin-bottom: 10px;/* font-size:1.25rem; */}
.list-style li:before {
	font-family: 'Font Awesome 6 Pro';
	content: '\f336';
	margin: 0 8px 0 -27px;
	color: #5B0EB5;
	font-size: 20px;
	font-weight: 700;
}

.wp-caption-text, .sd-title, .jp-relatedposts-headline{font-size:12px; color:#999; padding-top:10px;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxCurrent{font-size:12px;}

/********** begin button classes **********/
#content .btn {padding:0;}
a.btn, .btn button, .btn a, .button {
	background-color: #5B0EB5 !important;
	padding: 12px 20px;
	color: #fff!important;
	font-weight: 700;
	transition: all 0.2s ease-in-out 0s !important;
	font-size:14px;
	text-transform: uppercase;
	border-radius:4px!important;
	border:1px solid #5B0EB5!important;
	}
a.btn:hover, a.btn:active, .btn button:hover, .btn a:hover{
	background: #000000!important;
	color: #fff !important;
	border:1px solid #BE1D2D!important;
	text-shadow:none;
	}

a.read-more, .read-more button, .read-more a, .button {
	background: none!important; 
	background-image:none!important;
	color: #2699FB!important; 
	font-weight: 700; 
	transition: all 0.2s ease-in-out 0s !important;
    text-transform: uppercase;
}

.cta .btn.outline {color: #6F6F6F!important;}

.outline a, a.outline {text-shadow:none;background:none!important;padding: 12px;color: #000000 !important;border: 1px solid #b2b2b2 !important;border-radius:2px;}
a.outline:hover, .outline a:hover, .outline a:hover {background:#011D40!important;}
#content .cards .btn {padding: 12px 20px;}


/********* Jumbotron ************/
#jumbotron {min-height:400px;align-items:center;display:flex;}

/*---- Blog pages ----*/
.blog .post, .category .post{display: flex;flex-wrap: wrap; padding: 16px; background: #ffffff;margin: 0 0 24px;justify-content: space-between;}
.blog .post > div{}
.blog .post:last-child, .category .post:last-child{border-bottom: none;}
.blog .post img {padding:0 16px 0 0;width:100%;height:auto;}
.blog h2 a {color:#333;}
.blog h2:after {content:none;}
.blog .more-link {display:block;padding-top:16px;}
.blog .post, .category .post {background-color: #fff; box-shadow: 0 0 24px #e9e9e9; padding: 24px; margin: 35px 0;}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover{background-color: #8a979b; border-color: #8a979b;}
.pagination > li > a, .pagination > li > span, .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover{color: #8a979b;}
.single .post, .single .case-study {padding:40px 0;}
.navigation {display: flex;justify-content: space-between;}

/*---- Search pages ----*/
.search .post {margin-bottom:32px;}

/*#nav-above, #nav-below {display:none;}*/
.entry-meta {padding:0 0 16px}
.entry-date abbr{border: none; text-decoration: none;}
.entry-content img{margin: 0 auto;}
.single .post {padding:40px 0;}
/*
.nav-previous{float: left; display: inline-block;}
.nav-next{float: right; display: inline-block;}
*/
.entry-date abbr{border: none; text-decoration: none;}
.entry-content img{margin: 0 auto;}
/*.postRow > div {padding:16px}*/
.postThumbnailBkgd{height: 325px;background-size: cover;background-repeat: no-repeat;background-position: center;display: flex;align-items: center;text-align: center;transition: all 0.2s ease-in-out 0s;margin-bottom:16px;border-radius:4px;}
.postRow {margin-left:auto;}
.entry-utility {display:none;}
/*---- Author pages ----*/
.author .stories p {padding:0;margin:0;}
.author .stories li {padding:0 0 16px}
.author .stories a {line-height:1.5rem;}
.blog .entry-meta, .single .entry-meta {display:none;}

/*---- Footer ----*/
footer {padding: 32px 0 0;position: sticky;top: 100vh;}
footer .social-icons {margin-top:16px;}
#footerTop {color: #888; font-size: .9em; text-align: center;}
footer, footer .container {/* margin-top: 0; */}
footer .row {align-items:center;}
.legal p {font-size:0.875rem;margin:0;}
#footer .widget-area {/* margin: 10px 0; *//* padding: 40px 0; *//* text-align: center; */}
footer h2 {font-size: 1rem;color: #ffffff;}
footer a {color: #848484;font-size: .875rem;/* padding:0 16px; */}
footer a:hover {color:#fff;}
footer .social li{display: inline; font-size: 20px; padding: 0 5px;}
ul.widget-area {list-style: none; padding: 0; margin: 0;}
footer ul {padding:0;margin:0;/* text-align:center; */}
footer li {line-height:1.5rem;padding:0;margin:0;list-style: none;}
footer li:before, #subFooter li:before {content:none;}
#footerTopWidget .widget-area {/* text-align:center; */}
#footerWidget .widget-area img {width: 200px;height:auto;}
.footerWidget {display:flex;justify-content:center;flex-direction:column;}
.footerWidget li {width:100%;margin: 0;}
.foot-nav {padding: 32px 0;}
.foot-nav .logo {width:200px;margin-bottom:16px;}
/*.footerWidget .widget {padding: 0 24px;}*/
/*.footerWidget #media_image-3 img{max-width: 138px!important;}*/
.copyright {text-align:center;}

#subFooter {background-color: #179cd8;bottom: 0;width: 100%;color:#ccc;padding:20px;font-size:12px;font-weight:300;}
#subFooter .eb{opacity:0.5; transition: all 0.2s ease-in-out 0s;}
#subFooter .eb:hover{opacity:1;}
#subFooter a{color:#fff; font-size:.875rem;}
#subFooter p{color:#fff;font-size:.875rem;margin: 0;}
#footerLeftWidget img {width:auto;max-height:160px;padding: 0 0 24px;}
#subFooter .widget-area {padding:0;}
footer .legal {padding:16px 0;}

/*Legal compliance links*/
.menu.legalCompliance{display: flex; justify-content: center;flex-direction:column;}
.menu.legalCompliance li{display: inline-block; margin:0 0 0 5px;}
.menu.legalCompliance li::after {content:none;}
.menu.legalCompliance li:last-child::after{content: none;}

/*Social icon menu*/
#footer .socialIcons > li{display: inline; margin: 0 3px;}
.socialIcons > li a{font-size: 1.25rem; border: 1px solid #73b6d5; padding: 5px; width: 50px; height: 50px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50px;  transition: all 0.2s ease-in-out 0s;}
.socialIcons > li a:hover{background-color: rgba(0,0,0,0.25);}
.socialIcons a:hover{color: #fff !important; text-decoration: none;}
header .socialIcons > li a {border:none;padding:0;height:auto;}
header .socialIcons > li a:hover{background-color:rgba(0,0,0,0.0);color:#cccccc;}

#subFooter a:hover{text-decoration: underline;}
#ebFooterLogo{margin-top:5px;}

@media only screen and (max-width: 767px) {
	.phone {/* flex:100%; *//* text-align:center; */}
	.headerRightWidget a {margin:8px;}
	footer {text-align:center;}

}

@media only screen and (min-width: 768px) {
.services {margin-top:-100px;}
.formDownload h3 {padding-bottom:0;text-align:left;}
.brands .brand {width:25%;}
.brands .row {flex-direction:row;}
.error404 input[type="search"] {height:46px;min-width:400px;}
.sponsors .col {width:25%;justify-content: center;padding:16px;}
.sponsors  .clientLogo {text-align:center;}
.copyright {text-align:right;}
.menu.legalCompliance{justify-content:flex-start;}
.logo img {padding-bottom:0;max-width: 100%;/* padding-left: 32px; */}
.main-nav {padding:32px 0;}
.cta {text-align:right;}
.mainnav .socialMediaWidget {padding:0;text-align:left;}
.logoLink {text-align: left;}
.mainnav .btn{display:none;}
.socialMediaWidget {margin-left:32px!important}
header .inner {max-width: 1320px;margin:0 auto;display:flex;align-items:center;}
.topnav {align-items: center;}
#menu-cta-menu li {padding: 0 12px;}

/*---- Verticals ----*/
#services .card {width:45%;}
#preHeaderLeft .textwidget {display:flex;padding-left:32px;}
#preHeaderRight {text-align: right;}
#preHeaderLeft .textwidget span {margin-right:12px;}
#preHeaderLeft .textwidget p {padding:0 12px 0 ;margin:0;color:#fff;}
.prenav i {color: #b483ef;margin-right:6px;}
header .prenav .email {display:block;}
.socialIcons {display:block;margin:0}
.postThumbnailBkgd {margin-bottom:0;}
#services .card {margin:8px;}
.menu.legalCompliance{flex-direction:row;}
.menu.legalCompliance li::after{content: '|'; margin-left: 5px;}
#logo {padding: 12px;height: 170px;max-width:100%;position:absolute;z-index:5;top:20px;}
.logoLink {padding: 12px 24px 12px 0;}
.headerRightWidget .textwidget {/* justify-content: space-between; *//* align-items:center; */}
header .logo {display:block;padding: 0;}
header .prenav {background: #5b0eb5;padding: 12px 24px;}
header .prenav p {margin:0;}

.headerRightWidget .textwidget a {margin:0 12px;}
.home .headerRightWidget .textwidget h3 {display:block;}
#menu-cta-menu{text-align: right;width: 100%;color:#fff;/* display:flex; */justify-content: flex-end;padding:12px 0;flex-direction: row;}
	
.footerWidget {flex-direction:row;}
.footerWidget li {flex: 1 0 0%;}

}

@media only screen and (min-width: 992px) {
.newsletter form {display:flex;}
.newsletter button[type="submit"] {border-radius:0!important;width:auto;margin-top:0}
}