/*---------------------------------------------------------------------------------

 Theme Name:   Elizabeth City State University
 Theme URI:    
 Description:  
 Author:       
 Author URI:   
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/



/* NAVIGATION */
#top-menu li a { font-weight:600!important; font-size:0.9em;}
.et_header_style_left #et-top-navigation, .et_header_style_left .et-fixed-header #et-top-navigation { padding-top:18px!important; }
.et_header_style_left #et-top-navigation nav>ul>li>a, .et_header_style_left .et-fixed-header #et-top-navigation nav>ul>li>a { padding-bottom:15px!important; margin-bottom:18px!important; }
#top-menu li.rfiCTA a { font-family: sans-serif; font-weight: bold; text-transform: uppercase; padding:15px 30px!important; }
#top-menu li.rfiCTA a, .et-fixed-header #top-menu li.rfiCTA a { background-color: #ffffff; color: #b71234!important; border-radius:10px }
#top-menu li.rfiCTA a:hover, .et-fixed-header #top-menu li.rfiCTA a:hover { background-color: #ffffff90; opacity:1!important; cursor:pointer; }
#top-menu li a:hover { color: #fff; opacity:1!important; text-decoration: none; }
.ds-cta-bar {z-index:9999!important; display: none; height: 65px}
#main-header {background-image: linear-gradient(-19deg, #B71236 45%, #0039a6 45%);}
#logo {
	max-height: 150%!important;
    background-color: white;
    padding: 10px;
	box-shadow: 1px 1px 5px black;
}

body.custom-background {
	background-color: #0039a6!important;}

/* Dropdown Menu */
ul.sub-menu { width:360px!important; padding:10px!important; border-color: white!important; }
ul.sub-menu li { padding:2px 0!important; display:block!important; }
ul.sub-menu li a { width:100%!important; text-transform:none!important;  }
#top-menu a, .et-fixed-fixed-header a {color: white!important}
/*Unclickable Nav Item*/
li.unclickable > a:hover, #top-menu li.unclickable > a:hover, #mobile_menu li.unclickable > a:hover { color:#000e54!important; cursor: default!important; background-color:#fff!important; }
.mobile_menu_bar:before {color: white!important}
.et_mobile_menu {border-color: white!important}
#main-header .et_mobile_menu { background-color: #B71234!important;}

/* LAYOUT */
.et_pb_row { width: 90%;}
.et_pb_row.fullwidth-row { width: 100%; max-width: 100%;}
.ds-vertical-align {  display: flex;  flex-direction: column; justify-content: center; } 
.et_pb_section_0::after {
    content: url(/wp-content/uploads/2025/10/separator.svg);
}

/* ECSU WEB FONT SNIPPETS */

/* Shoika Black */
@font-face {
  font-family: 'Shoika';
  src: url('/wp-content/themes/syracuse-undergraduate-online/fonts/Shoika-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}

/* Shoika Bold */
@font-face {
  font-family: 'Shoika';
  src: url('/wp-content/themes/syracuse-undergraduate-online/fonts/Shoika-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

/* Shoika Medium */
@font-face {
  font-family: 'Shoika';
  src: url('/wp-content/themes/syracuse-undergraduate-online/fonts/Shoika-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

/* Shoika Regular */
@font-face {
  font-family: 'Shoika';
  src: url('/wp-content/themes/syracuse-undergraduate-online/fonts/Shoika-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

/* Shoika Light */
@font-face {
  font-family: 'Shoika';
  src: url('/wp-content/themes/syracuse-undergraduate-online/fonts/Shoika-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

/* Shoika Light Italic */
@font-face {
  font-family: 'Shoika';
  src: url('/wp-content/themes/syracuse-undergraduate-online/fonts/Shoika-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}


/* TYPOGRAPHY */
h1 {
	font-family: 'Shoika', sans-serif!important;
	font-weight: 900!important;
}

.heroCopy h1 {
    font-size: 48px!important;
    line-height: 1em!important;
	text-shadow: #0039A6 2px 1px 3px;
}

h2 { 
	font-family: 'Shoika', sans-serif!important;
	font-weight: 700!important;
}

.heroCopy h2 {
	color: white;
    font-size: 20px!important;
    text-transform: uppercase;
    text-shadow: #0039A6 2px 1px 3px;
}

h3 { font-family: 'Shoika', sans-serif!important; font-weight: 700!important;  }
h4 { font-family: 'Shoika', sans-serif!important; font-weight: 500!important; }
body, p { font-family: 'Shoika', sans-serif!important; font-weight: 400!important; font-style: normal; }

.heroCopy p {
    color: white;
    text-shadow: #0039A6 2px 1px 3px;
}

.heroCopyColumn {min-height: 400px; display: flex; flex-flow: column; justify-content: flex-end;}
.check {color:#0039A6;}
.heroButton {
	font-size: 16px !important;
    text-transform: uppercase;
    padding: 10px 30px 10px 15px !important;
}

/* RFI Form */
.rfi-container h3 {font-size: 32px!important;}
.rfi-container p {color: black!important; padding-bottom: 5px;}
.nf-input-limit { display: none }
.nf-form-content label { color: #ffffff!important; }
.nf-error .nf-error-msg { color: #ffffff!important; }
.nf-error-msg, .ninja-forms-req-symbol { color: #ffffff!important; }
.nf-after-field .nf-error-msg { margin-right:0;}
.nf-form-fields-required { display: none; }
.nf-pass.field-wrap .nf-field-element:after { display:none!important; }
.nf-pass .ninja-forms-field { border-color: #d44500!important;}
.nf-after-field .nf-error-msg { font-size: 0.7em; }
.nf-field-container { margin-bottom:12px!important; width: 98% }
.nf-field-container.hidden-container { margin-bottom:0!important; }
.nf-field-element p.legal { font-size: 10px; line-height: 1.3em; padding-bottom: 0; margin-bottom: 0; color: #fff; }
.nf-field-element p.legal a { color:#fff; text-decoration:underline;}
.left-col, .right-col { width: 47%; display:inline-block; margin-bottom:8px!important; }
.left-col { margin-right: 3%; }
#nf-form-6-cont .nf-error.field-wrap .nf-field-element:after { content: none!important; }
#nf-form-6-cont .nf-field-element input[type="text"], #nf-form-6-cont  .nf-field-element input[type="tel"], #nf-form-6-cont  .nf-field-element input[type="email"], #nf-form-6-cont  .nf-field-element select { width: 100%!important; height: 50px!important; padding: 4px 10px; color: #444444!important; font-size: 13px; border: 1px solid #B1B9B7; border-radius: 0px; background-color: #fff; font-family: 'Shoika'; font-weight: 400;}
#nf-form-6-cont .nf-field-element select { -webkit-appearance: none; -moz-border-radius: 0; -webkit-border-radius: 0px; background: #fff url('/wp-content/uploads/2020/06/down-arrow.png') no-repeat 97% 55%; cursor: pointer; }
#nf-form-6-cont .nf-form-content .list-select-wrap .nf-field-element>div { background:none; border:none;}
#nf-form-6-cont .nf-field-element input[type=submit] { width: 100%!important; background-color: #0039A6; border: none; padding: 0; margin: 0 0 10px 0; color: #fff; text-transform: uppercase; font-size: 1.1em; font-family: 'Shoika', sans-serif; font-weight: 900; }
#nf-form-6-cont .nf-field-element input[type=submit]:hover { background-color: #0039A675; cursor:pointer; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #444444!important; }
::-moz-placeholder { /* Firefox 19+ */ color: #444444!important;}
:-ms-input-placeholder { /* IE 10+ */ color: #444444!important; }
:-moz-placeholder { /* Firefox 18- */ color: #444444!important; }
.nf-input-limit { display: none }
/* HIDE RFI on TY PAGE */
.page-id-106436 #top-menu li.rfiCTA a {display:none;}

/* BLURBS */
.et-waypoint:not(.et_pb_counters) {
    opacity: 1!important;
}
.propText {
    border: 1px solid #0039A6;
    outline: 2px solid white;
    box-shadow: 0 0 0 3px #0039A6;
    padding: 1rem;
    display: inline-block;
}

/* FOOTER */
#main-footer { border-top: .1rem solid #283678; }
#main-footer .container { width: 100%; max-width: 100%; padding-right: 30px; padding-left: 30px;}
#footer-widgets { padding: 2% 0 0; }
.footer-widget { margin-bottom:0!important;}
.et_pb_gutters3.et_pb_footer_columns3 .footer-widget { width:33.3%; margin-right:0;}
#footer-widgets .footer-widget li:before { content: none; }
ul.social-media { list-style:none; }
ul.social-media li { display: inline-block; padding: 0 4px; }
ul.social-media li a img { width:24px; height:24px; }
ul.social-media li a img:hover, #menu-syracuse-footer-menu li a:hover { opacity:0.8; }
#menu-syracuse-footer-menu li { display:inline-block; }
#footer-info { width:100%; text-align: center;}
#nav_menu-2 { float:right; }
#footer-bottom {
	background-color:#0039a6!important
}
ul#menu-ecsu-footer-menu {
    display: flex;
}

/* Accessibility Elements */
a.screen-reader-shortcut { color: #e36953!important; }
label[for="nf-field-hp-2"] { color:#000e54!important; background-color:#7e7f94!important; }

/*** RESPONSIVE STYLES ***/

/* Disable the CTA Bar on desktops */
@media only screen and (min-width: 1101px){ ul#ds-mobile-cta { display:none!important;}
} /* Change the value to 769px to show on phones only */
/* CTA Bar */
@media only screen and (max-width: 768px) { /* Change the value to 768px to show on phones only */
ul#ds-mobile-cta a {
  background: #B71234; /* Bar Color */
  color: #FFF; /* Change Text Color */
  font-size: 14px; /* Change Text Size */
  font-weight: bold; /* Change Text Weight */
  bottom: 0;
  position: fixed;
  width: 100%!important;
  left: 0;
  display: block;
  padding: 16px 8px;
  text-decoration: none;
  text-transform:uppercase;
  text-align:center;}
  
/* Move the footer up */
#main-footer { padding-bottom: 55px;} }
/************** End - Mobile CTA Bar ***************/

@media (max-width: 1100px) {
#et_mobile_nav_menu { display: block; }
#top-menu { display: none; }
}

/*** Responsive Styles Desktop And Above ***/
@media all and (min-width: 980px) {
.et_pb_text_1 {
        display: block !important;
    }
}
 
/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 1100px) and (max-width: 1405px) {

}
 
/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
	.homeProps { background-position-x: -1000px !important;}
	.left-col, .right-col { width: 98%; display:inline-block; }
	.left-col { margin-right: 0; }
	.footer-widget:nth-child(n), .footer-widget { width:100%!important;}
	.fwidget.widget_custom_html { width:100%!important; text-align:center; padding:10px 0;}
	#footer-widgets .footer-widget:nth-child(n), .footer-widget .fwidget { margin-bottom:0!important;}
	#nav_menu-2 { width:100%;}
	#menu-syracuse-footer-menu li { display:block; text-align:center; }
	ul.sub-menu { width:570px!important; padding:0!important; }
	ul.sub-menu li { padding:0!important;}
	ul.sub-menu li a { padding-left:40px; }
	#mobile_menu li.rfiCTA { display: none!important;}
	.et_mobile_menu .menu-item-has-children>a, .et_mobile_menu li a { font-size:0.95em;}
	.et_mobile_menu li a:hover { background-color:#000e54!important; color:#fff!important; opacity:1!important; }
	
	/* HERO SECTION */
	.et_pb_section_0 {
		background-size: 150vw;
        background-repeat: no-repeat;
        background-position: top left !important;
        padding-top: 540px !important;
	}
	.rfi-column {
		background: #FFFFFF;
        padding: 30px;
	}
	p.legal, p.legal a {
		color: #B1B9B4 !important; }
	
	.check {color:white;}

	.heroCopyColumn {
		padding: 30px;
    	background-color: #0039a6;
		min-height: unset;
	}
	
	.rfi-container {
		margin-top: 30px;
	}
	/* Residencies */
	.residencies h1 {font-size: 100px}
	.residencies, .discover { background-position-x: -790px !important;}
	
	/* hides "our programs" in mobile drop down */
	.et_mobile_menu .menu-item-has-children > a {
		display: none;}
}
 
/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {
	.et_pb_blurb.degree-blurb .et_pb_blurb_container { padding:10px 15px;}
}
 
/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
	.et_pb_fullwidth_header .et_pb_fullwidth_header_container { width: 95%; }
	.et_mobile_menu { padding:5%; }
	ul.sub-menu { width:270px!important; padding:0!important; }
	ul.sub-menu li a { padding-left:20px; }
	.et_pb_section_0 {
        background-size: 170vw;
        padding-top: 300px !important;
			top: 35px;
	}
	.heroCopy h1 {
		font-size: 30px !important; }
}
 
/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {

}

@media only screen and (max-width: 768px) {
	ul#ds-mobile-cta a {
		height:65px!important;
	}}