/*
Theme Name:    RTA-2023
 Theme URI:    https://?.com
 Description:  Blank Canvas Child Theme developed by Electric Bricks for Long Island Regional Technical Assistance Center
 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:  rta-2023
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@500;600&family=Open+Sans&display=swap');

html {height:100%;}
body{background-color: #ffffff; color: #28487F;font-family: 'Open Sans', sans-serif;font-weight: 400;height:100%;overflow-x: hidden; /*background-image: url(/wp-content/uploads/2022/05/bg-left-color.png);background-repeat-x: no-repeat;background-repeat-y: repeat;*/}
a {color:#416DF0 ; text-decoration: none;}
a:hover {color:#28487F;}
h1, h2, h3 {color:#28487F;font-family: 'Inter', sans-serif;font-weight: 600;}
h1 span, h2 span, h3 span {color:#416DF0;}
h2 {font-size:2rem;}
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:#28487F;}
h1.entry-title {margin:40px 0;}
blockquote {font-weight:700;color:#28487F;margin:0;}
.phone {color:#28487F;padding:0;display:block;text-align:center;margin:0;font-weight:600;font-size:1.25rem;}
.phone i {color:#ED9B3C;}
.topnav {margin-top: 24px;}
.social-icons i {color:#ED9B3C;}
.topnav a {font-size:16px;}

/*Ubermenu*/
.ubermenu-responsive-toggle i {font-size:1.25rem;}
.topnav .ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target>.ubermenu-sub-indicator {right: 32px!important;}

/********** begin button classes **********/
.btn {padding:0;}
a.btn, a.btn:visited, .btn button, .btn a, .button {
	background-color: #416DF0!important; 
	padding: 10px 20px; 
	color: #fff!important; 
	font-weight: 700; 
	transition: all 0.2s ease-in-out 0s !important;
	font-size:14px;
    text-transform: uppercase;
    border-radius:30px!important;}
a.btn:hover, a.btn:active, .btn button:hover, .btn a:hover{
	background-color: #28487F !important; color:#fff;}
    
a.btn.outline {background-color: #fff; padding: 12px; color:#333;border:1px solid #416DF0;/* margin-left:16px; */}

/* Card display */
.card {height:100%;}
#content .cards .row > div {margin-bottom:16px;}
.cell > div, .card {
    box-shadow: #e8ebf7 0 0 40px;
    border-color: #ededed;
    background-color: white;
}

/*Slider*/
.partnerWrapper{display: inline-flex; flex-direction: column; justify-content: center; align-items: center; height: 100%;}
.partnerLogo{max-width: 150px !important; max-height: 85px !important; margin-bottom: 10px;}
.partnerTitle{text-align: center !important; font-size: 16px; line-height: 18px !important; font-weight: 500 !important;}

/* Partners */
.partners .row {align-items:center;gap:16px;justify-content: space-between;}
.partners .row > div img {width:100%;height:auto;}
.partner {padding:0 0 32px;}

/*.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;}
.service > div {padding:12px}
.service img {margin-right:14px;}
.service h2 {font-size:3rem;color:#D5DEFA;}

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

/**********Logo **********/
.logo img {padding-bottom:0;max-width: 250px!important;}
.logoLink{width: 100%;display: block;text-align: center;}

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

p.label {font-weight: 600; margin-bottom: 6px;font-size:.875rem;color:#416DF0;}
.alignnone, .aligncenter, .alignleft, .alignright{max-width: 100%; height: auto; display: block;}
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;}

.preheader {align-items:center;}
header {width: 100%;background-color: #fff;box-shadow: 0 4px 14px #e4e4e450;z-index: 2;position: relative;}
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: center;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 {color:#fff;padding:0 12px}
#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 */
footer .social-icons {display:flex;justify-content:center}
footer .social-icons i{min-width: 30px;min-height: 30px;border: 1px solid #416DF0;border-radius: 30px;padding: 12px;margin:0 6px 0;font-size:1.25rem;color:#fff}
footer .social-icons i:hover {color:#416DF0;}

.searchform div {display:flex;}

.cta {text-align:center;}
header .logo {display:flex;justify-content: center;}
.contact i {color:#ED9B3C;padding-right:6px;}
.main-nav {padding-bottom: 12px;}

/*Tribe events*/
.tribe-events-header, .tribe-events-c-nav, .tribe-events-c-subscribe-dropdown__container {display:none!important;}
#content .tribe-events-l-container {min-height:auto;padding:0;}

/* 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: 200px; */
    display: flex;
    align-items: stretch;
    margin-bottom: 35px;
	padding:40px 0;
	min-height:240px;

}
.pageTitleTint {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

/*Image round conrers*/
.wpb_single_image img {border-radius:48px 6px 6px 6px;}

/*---- Form Display----*/
input[type="text"], 
input[type="email"],
input[type="search"],
input[type="tel"],
input[type="password"]
{padding:6px 10px;border:1px solid #ccc;border-radius:30px 0 0 30px;}
select {padding:4px 10px;height:38px;border:1px solid #ccc;border-radius:2px;}
.searchform button[type="submit"] {background-color:#416DF0!important;color:#fff!important;border-radius: 0 30px 30px 0;line-height: 1.5!important;border: none;padding: 6px 12px;}
form button[type="submit"] {background-color:#416DF0!important;color:#fff!important;border-radius:30px;line-height: 1!important;border: none;padding: 12px 24px!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;}
.pageTitleImage h1, .pageTitleImage h2 {color: #fff; flex-grow: 1; width: 100%;margin:0}
.pageTitleImage p {color: #c9c9c9; padding: 0;font-size:1.15rem;margin:0;}
.page-template-page-no-image h1 {margin-top:32px;padding:32px 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;}

/********** News **********/
.news .whiteBox {background:#ffffff;height:100%;width:100%;display:flex;flex-wrap:wrap;position:absolute;top:0;left:0;padding:24px;transition: all 0.5s ease-in-out 0s;align-items: center;}
.news .whiteBox:hover {background: #0987ee98;color:#222;}
.events .imageCrop {height:250px;width:auto;border-radius:24px 4px 0;}
.events .card {border-radius:24px 4px 0;height:100%;}
#content .events .row > div {margin-bottom:24px;} 

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

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

/*---- Resources ----*/
.longList{column-count: 1; column-gap: 0px;}
.resources, .e-news{margin-bottom: 35px;}

/*---- 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 {margin: 24px 0 24px;list-style:none;}
.list-style li {margin-bottom:16px;}
.list-style li:before {
	font-family: 'Font Awesome 6 Pro';
    content: '\f058';
    margin: 0 8px 0 -27px;
    color: #4A8CFF;
    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;}


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

.resource, .blog .post, .category .post, .shadowBox, .staff, .search .container .status-publish{background-color: #fff; box-shadow: 0 0 12px #e7e7e7; 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;}

/*---- 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;}

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

#nav-above, #nav-below {display:inline-block;margin:16px 0;}
.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;}
.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, .single .featuredImage {display:none;}

/*---- Footer ----*/
footer {background-color: #03113d;padding:0;color:#ededed;position: sticky;top: 100vh;}
#footerTop {color: #888; font-size: .9em; text-align: center;}
footer, footer .container {/* margin-top: 0; */}
footer .row {align-items:center; }
footer p {font-size:0.875rem;color: #5d819e;margin:0;}
#footer .widget-area {/* margin: 10px 0; */padding:16px 24px;/* text-align: center; */}
footer h2 {font-size: 1rem; color:#ffffff; }
footer a:hover {color:#2196F3;}
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;margin-top:16px;}
#footerTopWidget .widget {margin-bottom:0;}
.footerWidget {display:flex;justify-content:center;flex-direction:column;}
.footerWidget li {width:100%;margin: 0;}
.foot-nav {padding:20px 0 0;}
.footerWidget .widget {margin-bottom:24px;}
.footerWidget #media_image-3 img{width:240px!important;}

#subFooter {background-color: #010f26;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:#ccc; font-size:.875rem;}
#subFooter p{color:#ccc;font-size:.875rem;margin: 0;}
#footerLeftWidget img {width:auto;max-height:160px;padding: 0 0 24px;}
#subFooter .widget-area {padding: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 (min-width: 576px) {
	.longList{column-count: 2; column-gap: 35px;}
}

@media only screen and (max-width: 767px) {
	.phone {/* flex:100%; *//* text-align:center; */}
	.headerRightWidget a {margin:8px;}
	footer {text-align:center;}
	.partners .row > div {margin:16px 0 32px;width:50%;}
}

@media only screen and (min-width: 768px) {
.main-nav {padding: 28px 0 8px;}
.cta {text-align:right;}
.single-product .woocommerce div.product form.cart .variations {width:50%;}
.products .card {margin-bottom:0;}
.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;}
	.longList{column-count: 3; column-gap: 35px;}
	
@media only screen and (min-width: 992px) {
	.longList{column-count: 4; column-gap: 35px;}
}

/*---- Verticals ----*/
#verticals .service {box-shadow: 0 0 29px #e4e4e4;width:32%;margin:0 8px;}
#services .card {width:45%;}
#preHeaderLeft .textwidget {display:flex;padding-left:32px;}
#preHeaderRight {text-align: right;}
#preHeaderLeft .textwidget p {padding:0 12px 0 ;margin:0;color:#fff;}
#preHeaderLeft i {color:#ED9B3C;}
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: flex-end;align-items:center;}
header .logo {display:block;text-align: center;}
header .prenav {/* display:flex; *//* flex-direction: row; */background: #28487F;padding: 18px 24px;}
header .prenav p {margin:0;}

.headerRightWidget .textwidget a {margin:0 12px;}
.home .headerRightWidget .textwidget h3 {display:block;}
#alumni {position:relative;min-height: 400px;overflow: visible;}
#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) {
/*footer .container {flex-direction:column;}	*/
/*---- Services----*/
#hero {position:relative;}
.featuredSection {position:absolute;bottom: -334px;z-index:999;}
#intro {margin-top:400px!important;}
}