/*
Theme Name: Child Theme for Divi 
Theme URI: http://www.elegantthemes.com/gallery/divi/
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Tags: responsive-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, featured-images, full-width-template, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/gpl-2.0.html

Template: Divi

*/

/* 03-27-18 removed old line about parent theme css - it was already commented here */

/* Start Custom CSS changes below here */


/************ BEGIN GLOBAL CHANGES THAT APPLY TO ALL DEVICE SIZES *****************/

/* hector 07-18-18 increased college social media icon sizes from 19px to 26px to make them stand out from university icons */
footer .footer-info-container .social-wrapper a i, footer .footer-info-container .social-wrapper a span {
    font-size: 26px !important;
}

/* hector 06-22-18 removed the date from appearing below the H1 name on posts displaying a single staff member */
.staff-member .post-meta {
display:none !important;
}

/* hector 06-21-18 removed the printfriendly button from appearing below the single staff member page because it was causing the contact fields to shift to right */
.staff-member-bio .printfriendly {
display: none!important;  
}

/* hector 06-21-18 removed the printfriendly button from appearing on every staff member profile when listing multiple staff members on same page */
.staff-list .printfriendly {
display: none!important;  
}

/* hector 11-16-17 changed the padding on top of pages to 0px */
section, article {
    padding-top: 0px;
    padding-bottom: 20px;
    padding-left: 0px;
    padding-right: 0px;
}

.breadcrumbs-wrapper {
    padding: 0px;
}

/* hector 09-27-17 changed width and margin to use with staff member plugin */
.et_pb_team_member_image {
    display: table-cell;
    position: relative;
    width: 200px;
    line-height: 0!important;
}

/* hector 08-30-18 added this class to increase the size of the staff-member pic in individual profile */
.content-staff-member {
	width: 300px;
}


/* hector 07-27-17 added to format footer titles instead of suing h5 heading - for ada compliance */
.footer-title {
	font-size: 18px !important;
    font-family: Helvetica, sans-serif !important;
    font-weight: bold !important;
    font-style: normal !important;
    line-height: 1.4 !important;
    color: #081E3F!important;
}

.site-title {
	margin-top: 1.25em !important;
}

.site-title .large-12 {
    	background-color: #0a1f3f;
	}
.site-title h1 {
    	color: white !important;
    	margin-top: 0 !important;
    	margin-bottom: 0 !important;
    	font-size: 2em !important;
    }	
.site-title h1:after {
    	content: none !important;
    }

.site-title a:hover {
	color: white !important;
	text-decoration: underline !important;
}

.fiu-site-info {
	padding: .5em !important;
	display: flex !important
}

.fiu-site-info img {
	padding-right: 1em !important;
}

.fiu-site-info a {
	font-size: .9em !important;
}

.tools a {
    color: #081E3f !important;
}

.regular-nav {
	float: left;
}

.navigation-links a span {
	font-weight: 400 !important;
}

/* Casey 02-25-2020 added this to white topbar with link to FIU */
.header-child-site-wrapper .header-child-site a {
    color: #081e3f;
    border-bottom: none !important;
    font-weight: 600;
    text-transform: uppercase;
    font-family: Helvetica;
    margin-top: .25em;	
}

.header-child-site-wrapper .header-child-site {
	padding-bottom: 0 !important;
}


@media only screen and (min-width: 40.0625em) {
    header .regular-nav .top-bar-section .dropdown .active a {
            border-left: 5px solid #FFCC00;
        text-align: left;
        color: #FFCC00 !important;
    }
}

/* Casey 02-25-2020 increased margin on search icon to center within white topbar */
@media (min-width: 1025px) {
    #search {
        font-size: 1em !important;
    }
    .fa-search {
        margin-top: 1em;
        float:right;
    }
}


/* Casey 02-26-2020 added margin to top of navigation to sit center in bar */
.regular-nav {
    margin-top: 8px;
    padding-right: 0 !important;
}


/* BEGIN CODE for the School/Department template only */

header, header .regular-nav, .header-child-site-wrapper .top-bar-section ul li:hover a, footer .footer-resources {
	background-color: #081E3F !important;
}

footer {
background-color:#FFCC00 !important;
}

footer .footer-info * {
color: #333 !important;
}

footer .footer-info-container .social-wrapper a i, footer .footer-info-container .social-wrapper a span {
color: #081E3F !important;
}

/* END CODE for the School/Department tempalte only */


/* BEGIN CODE for the College template only */
/* hector 07-21-17 added the following line to add spacing to the top of the logo wrapper area */
.header-college-site-wrapper div.row {
	height: auto !important;
}
/* END CODE for the College template only */


/* hector 02-01-17 change the left margin to 0 so that <ul> lists is not indented  */
.entry-content ul {
    padding: 0 0 23px 0px;
}

/* hector 05-03-17 BEGIN changes to Accordion Plugin */
.accordion {
	border: 1px solid #EFEFEF;
    background-color: #EFEFEF;
}

.accordion-title {
	border: 1px solid #EFEFEF;
    background-color: #EFEFEF;
	padding: 16px !important;
}

.accordion-title.open {
	border: 1px solid #EFEFEF;
    background-color: #081E3F;
	
}

h3.accordion-title {
font-size: 20px !important;
}

h3.accordion-title.open{
	color: #ffffff !important;
}

/* hector and sandeep 12-08-16 to reduce the height of the search container and allow the search icon to remain clickable after cancelling the search by clicking on X */
.container.et_search_form_container {
	position: relative;
	height: 30px !important;
	
}

.et_search_outer {
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 100%;
}

/* hector 01-25-17 to remove the sidebar from the default Divi results page */
.search #sidebar {
display: none;
}

/* hector 01-26-17 to remove space from left side of left-sidebar-menu located in pages with Template Name: FIU Page with Submenu  */
#fiu-left-sidebar-menu .column, .columns {
	padding-left:0 !important;
}

/* BUTTON STYLING GLOBAL SETTINGS - created by Hector - the width of the buttons will have different percentage on mobile devices */

/* hector 06-26-18 changed the font family, size and color of the text on original fiu buttons so they stand out more */
/* hector 06-26-18 added text transform property to remove the capitalization of the first letter of each word - used to be text-transform:capitalize */
.fiu-button-yellow { 
color: #000000;
 text-align: center;
 text-decoration: none;
 font-family: Helvetica,"Verdana","Gill Sans","Lucida Grande","Helvetica Neue",Helvetica,sans-serif;
 font-size: 16px;
 text-transform:none;
}

/* hector 06-26-18 changed the font family, size and color of the text on original fiu buttons so they stand out more */
/* hector 06-26-18 added text transform property to remove the capitalization of the first letter of each word - used to be text-transform:capitalize */
.fiu-button-blue { 
color: #ffffff;
 text-align: center;
 text-decoration: none;
 font-family: Helvetica,"Verdana","Gill Sans","Lucida Grande","Helvetica Neue",Helvetica,sans-serif;
 font-size: 16px;
 text-transform:none;
}

/* hector 06-26-18 changed text transform property to remove the capitalization of the first letter of each word - used to be text-transform:capitalize */
/* hector new white on blue button */
.fiu-button-blue-new {
	color: #ffffff;
    background-color: #081E3F; /* fiu blue */
	border: 1px solid #081E3F;
    padding: 10px 0px; /* top and bottom = 10px */
    text-align: center;
    text-decoration: none;
	text-transform: none;
    font-family: Helvetica,"Verdana","Gill Sans","Lucida Grande","Helvetica Neue",Helvetica,sans-serif;
	font-size: 16px;
}

.fiu-button-blue-new:hover, .fiu-button-blue-new:active, .fiu-button-blue-new:focus {
	cursor: pointer;
	color: #ffffff;
	background-color: #081E3F;

}

/* hector 06-26-18 changed text transform property to remove the capitalization of the first letter of each word - used to be text-transform:capitalize */
/* hector new black on yellow button */
.fiu-button-yellow-new {
	color: #000000;
    background-color: #FFCC00; /* fiu yellow */
	border: 1px solid #FFCC00;
    padding: 10px 0px; /* top and bottom = 10px */
    text-align: center;
    text-decoration: none;
	text-transform: none;
    font-family: Helvetica,"Verdana","Gill Sans","Lucida Grande","Helvetica Neue",Helvetica,sans-serif;
	font-size: 16px;
}

.fiu-button-yellow-new:hover, .fiu-button-yellow-new:active, .fiu-button-yellow-new:focus {
	cursor: pointer;
	color: #000000;
	background-color: #FFCC00;
}

/* hector 06-26-18 changed text transform property to remove the capitalization of the first letter of each word - used to be text-transform:capitalize */
/* hector new blue on white button */
.fiu-button-white-new {
	color: #081E3F; /* fiu blue */
    background-color: #ffffff;
    border: 1px solid #081E3F;
    padding: 10px 0px; /* top and bottom = 10px */
    text-align: center;
    text-decoration: none;
	text-transform: none;
    font-family: Helvetica,"Verdana","Gill Sans","Lucida Grande","Helvetica Neue",Helvetica,sans-serif;
	font-size: 16px;
}


/* hector on hover of white button, reverse colors */
.fiu-button-white-new:hover, .fiu-button-white-new:active, .fiu-button-white-new:focus {
	cursor: pointer;
	color:  #ffffff; 
	background-color: #081E3F; /* fiu blue */
}


/*************** HEADER AREA changes */
/* to make the main header section containing logo and menu max of 125 height */
#main-header {
	max-height:125px;
}

/* to add padding above the logo and to move logo to the right in the divi container that has the logo and the main menu */
.container.clearfix.et_menu_container {
	padding-top: 20px;
	padding-left: 55px;
}

@media (min-width:1025px) and (max-width:1549px) {
    .top-bar-section .has-dropdown>a {
        padding-left: 0 !important;
        padding-right: 10px !important;
    }
}

/*************** BEGIN CONTENT BODY AREA changes */

/* Set Global settings for fonts  */
h1 {
	font-size: 3.25em !important;
	font-family: Helvetica,sans-serif !important;
    font-weight: bold !important;
	font-style: normal !important;
	line-height: 1.4 !important;
    color: #081E3F !important;
}

h1::after {
    display: block;
    content: "" !important;
    border-top: .3rem solid #FFCC00 !important;
    width: 4rem !important;
    margin: .25em 0;
}

h2 {
	font-size: 37px !important;
	font-family:Helvetica,sans-serif !important;
    font-weight: bold !important;
	font-style: normal !important;
	line-height: 1.4 !important;
    color: #081E3F !important;
}

h3 {
	font-size: 27px !important;
	font-family: Helvetica,sans-serif !important;
    font-weight: bold !important;
	font-style: normal !important;
	line-height: 1.4 !important;
    color: #081E3F!important;
}

h4 {
	font-size: 23px !important;
	font-family: Helvetica,sans-serif !important;
    font-weight: bold !important;
	font-style: normal !important;
	line-height: 1.4 !important;
    color: #081E3F;
}

h5 {
	font-size: 18px !important;
	font-family: Helvetica,sans-serif !important;
    font-weight: bold !important;
	font-style: normal !important;
	line-height: 1.4 !important;
    color: #081E3F;
}

h6 {
	font-size: 16px !important;
	font-family: Helvetica,sans-serif !important;
    font-weight: bold !important;
	font-style: normal !important;
	line-height: 1.4 !important;
    color: #081E3F;
}

body {
	font-size: 16px !important;
	font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
    font-weight: normal !important;
	font-style: normal !important;
	line-height: 1.6 !important;
    color: #222 !important;
	
}

/* hector 11-10-16 set size of body text containers for all 3 FIU page templates */
.fiu-full-page-container, .fiu-home-page-container, .fiu-full-sub-nav-container  {
	position: relative;
	width: 100%;
	max-width: 1000px;
	margin: auto; 
}

/* hector 11-10-16 to remove the 15px top padding between the header or slider and the title of the page */	
#main-content .fiu-full-page-container, #main-content .fiu-home-page-container, #main-content .fiu-full-sub-nav-container {
    padding-top: 0px;
}

/* hector 12-09-16 to remove additional white 16 px padding that was on top of page heading 1 titles */
#main-content .fiu-full-page-container section, #main-content .fiu-home-page-container section, #main-content .fiu-full-sub-nav-container section {
    padding: 0;
}


/* hector 11-23-16 added a margin to top of H1 page titles to leave space between breadcrumbs and title  */
h1 {
	margin-top: 25px !important;
}

/* remove margin from title on home page ONLY */
.fiu-home-page-container h1 {
	margin-top: 0px !important;
}



/* the following breadcrumbs code is from FIU template */
.breadcrumbs-wrapper .breadcrumbs .item-current strong {
    font-weight: bold;
    text-decoration: underline;
	color:#333;
}

/* the following breadcrumbs code is from FIU template */
/* changed padding of breadcrumbs-wrapper because it was not aligning well with divi theme settings */
/* hector 11-23-16 changed top margin and removed bottom margin */
.breadcrumbs-wrapper {
	margin-top: 20px !important;
	margin-bottom: 0 !important;
	padding-left: 0;
    padding-right: 0;
}

/* to make the background white of the main body area  */
.large-12 {
    background-color: #ffffff;
}

/*************** ROW and SECTION global changes */
/* hector 11-07-16 custom configuration to limit the width of Divi Builder sections and row to 970 chars wide - instead of divi default of 1080 */
/* Rows and Sections */
	.et_pb_section .et_pb_row,
	.et_pb_section.et_section_specialty .et_pb_row {
		max-width: 970px !important;
	}


/* hector 11-23-16 to remove the top and bottom padding from the divi builder sections */
.et_pb_section {
    padding: 0px 0 !important;
}

/* hector 11-23-16 to remove the top and bottom padding from the divi rows within the divi sections */
.et_pb_row {
    padding: 0px 0 !important;
}

/* hector 11-23-16 to change the size of the images In the News and Media page */
/* hector 12-02-16 changed image size from 290x200 to 300x200 to have same aspect ratio and size as images in fiu guidelines template */
.news-image-thumb {
	width: 300px !important;
	height: 200px !important;
}	

/* hector 12-02-16 to decreases the column space between the 3 images in the news page - this was needed after making the images 300x200 instead of 290x200 */
.et_pb_gutters3 .et_pb_column, .et_pb_gutters3.et_pb_row .et_pb_column {
    margin-right: 4.8% !important;
}

/* hector 11-28-16 to fix issue with spaces being removed from images In the News and Media page when the screen gets smaller */
.et_pb_row {
    width: 100%;	
}

/* hector 02-27-17 to add the styling for the thumbnail images in the Resources->Faculty page and other similar pages */
.thumbnail-wrapper {
    border: solid 1px #DDD;
    margin-bottom: 15px;
	width: 300px;
}
.thumbnail-caption {
	padding: 10px 10px 15px;
    margin: 0;
    text-decoration: underline;
	text-align: center;
    position: relative;
    top: 50%;
	width: 300px;
}

/*************** END CONTENT BODY AREA changes */



/*************** MENU global changes */
/* to remove the blue section from behind the top Divi menu bar */
nav, .top-bar {
    background-color: transparent;
}
	
	
/* hector to change the position of the Divi menu on desktops */
#top-menu-nav  {
	display: block;
	top: -30px;
	left: -100px;	
}	

/* hector 11-3-16 to change the font of the main menu items and the horizontal position of the main menu */ 	
html body div#et-top-navigation ul.nav {
       font-family: Helvetica,"Verdana","Gill Sans","Lucida Grande","Helvetica Neue",Helvetica,sans-serif;
       font-size: 14px; 
       font-weight: 500; 
       height: 45px; 
       line-height: 0px; 
       width: 763px; 
} 

	
/* hector to change the color of the menu items to white, change the width of the line below the selected menu item, and change the space (padding) between menu item and line,
and remove the bar from the bottom of the menu items (padding-bottom) except for the selected item */
/* 11-22-16 added !important to over write other setting when scrolling down a page on a desktop */
html body div#et-top-navigation ul.nav li a {
	color: #ffffff !important;
	border-color: #ffffff !important;
	border-width: 0px; 
	padding-bottom: 4px !important;
	
}
html body div#et-top-navigation ul.nav .current_page_item > a {
	color: #ffffff !important;
	border-width: 2px; 
} 	

/* hector 11-10-16 to remove the 15px left-padding from the navigation menu */	
#fiu-left-sidebar-menu .large-12 {
    padding-left: 0px;
	padding-right: 0px;
}

/*  SEARCH icon and search form global changes */
/* hector 11-17-16 added to change the color, size and weight of the text inside the search bar from white to black  !important is needed to override the input field value  */
.et_search_form_container input, .et-search-field {
    color: #000000 !important;
	font-size: 20.8px;
	font-weight: bold;
}

/* custom changes for the search icon */
#et_search_icon:before {
	display:inline-block !important; 
	position: relative !important; 
	top: 25px !important; 
	left: -40px !important; 
	font-size: 22px !important; 
	font-weight: 800 !important; 
	content: "\55" !important; 
}

/* BEGIN BLOG BOTTOM of PAGE NAVIGATION - requires plugin WP-PAGENAVI */
/* hector 06-16-17 added to format the page numbers at the bottom of the blog using the WP-PAGENAVI plugin */
.wp-pagenavi a, .wp-pagenavi span {
	font-size: 30px !important;
}
	
.wp-pagenavi {
    text-align: center !important;
	position: relative !important; 
}

.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited {
    padding: 5px 7px !important;
    margin: 2px !important;
    text-decoration: none !important;
    background: none !important;
    border: none !important;
}

.wp-pagenavi span.current, .wp-pagenavi a:hover {
   color: #081E3F !important;
}
/* END BLOG BOTTOM of PAGE NAVIGATION - requires plugin WP-PAGENAVI */

/* hector 06-16-17 change spacing of Blog Metadata when displaying Blog Pages like NEWS Page */
.vcard {
    display: inline-block;
    margin: 0 0 .3rem 0;
    border: 0px !important;
    padding: 0rem 0.3rem;
}



/************ END GLOBAL CHANGES THAT APPLY TO ALL DEVICE SIZES *****************/


/************ BEGIN DESKTOP ONLY custom changes *****************/
@media screen and (min-width: 981px){


/* hector 06-25-18 hector added new class for titles of the text under the circles in the home page  so text will not get divided in tablet and avoid using h3 headers */ 
.circle-title {
	font-size: 25px !important;
    font-family: "Bitter",Georgia,Times,"Times New Roman",serif !important;
    font-weight: bold !important;
    font-style: normal !important;
    line-height: 1.4 !important;
    color: #081E3F !important;
}


/* hector 06-21-18 changed the gutter width from 19% to 21% on home page sections that contain 4 circles in order to remove white space on the right side */
.et_pb_gutters4 .et_pb_column_1_4, .et_pb_gutters4.et_pb_row .et_pb_column_1_4 {
    width: 21%;
}

/* Hector 05-04-17 added the button width  and display setting - inline block will diplay buttons on same line */
.fiu-button-blue-new, .fiu-button-yellow-new, .fiu-button-white-new {
	width: 32%;
	display: inline-block;
}

.fiulogo img {
	left: -450px;
	height: 40px
}    


/* hector 11-22-16 to change the backround-color of the sub-menus on desktops  */
#main-header .nav li ul {
	background-color: #FFFFFF !important; 
	
}

/* hector 12-08-16 to change the color of the sub-menu items on desktops */
html body div#et-top-navigation ul.sub-menu .menu-item > a {
	color: #081E3F !important;
 	text-transform: uppercase !important;
    font-weight: 500 !important;
	padding-left: 10px;
	padding-right: 0px;
}

#top-menu li li {
    padding-left: 10px;
	padding-right: 0px;
}
	
/* to change the color of the sub-menu item when cursor hovers over it */
#et-top-navigation ul.sub-menu .menu-item  > a:hover {
	background-color: #081E3F !important;
	background: #081E3F !important;
	color: #FFFFFF !important;
	
}

/* hector 03-09-18 to change the width and margins of the news and media row with 3 columns on the home page - for desktop only */
#news_media_row.et_pb_row_7 {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: .5% !important;
    margin-right: .5% !important;
}
	
} 

/************ END DESKTOP ONLY custom changes *****************/



/************ BEGIN MOBILE ONLY custom changes - for phones and portrait tablets  *****************/
@media all and (max-width: 767px){
    
/* Casey 07-16-2020 Added for mobile navigation styling to view sub-nav items */

.header-child-site {
    padding-bottom: 5px !important;
}

.mobile-nav.tools {
    margin-top: 1.5em !important;
}

  #menu-main-1 {
      margin-left: 1em !important;
  }
  
  .dropdown {
      border-left: 2px solid #FFCC00;
      padding-left: .5em;
      margin-left: 1em !important;
  }
  
  .dropdown a {
    font-size: .85em !important;
    padding: 5px !important;
  }
  
  .overlay-container.menu .child-site-name a {
      margin-left: .75em;
  }
  
  .overlay-container ul li {
      border: none !important;
  }
  
  .overlay-container ul li a {
     padding: 5px !important;
  }
  
  .menu-close .logo img {
      margin-left: 1em !important;
  }

	
/* hector 07-09-18 added this class to resize the home page circle images to 400X400 max on tablets and phones */
.circle-resize {
	max-width: 400px !important;
	max-height: 400px !important;
}	
	

/* hector 06-25-18 hector added new class for titles of the text under the circles in the home page  so text wil not get divided in tablet and avoid using h3 headers */ 
.circle-title {
	font-size: 22px !important;
    font-family: "Bitter",Georgia,Times,"Times New Roman",serif !important;
    font-weight: bold !important;
    font-style: normal !important;
    line-height: 1.4 !important;
    color: #081E3F !important;
}

/* hector 05-04-17 to increase the width of the fiu buttons on mobile phones  and display buttons in seperate lines ( block) */
.fiu-button-blue-new, .fiu-button-yellow-new, .fiu-button-white-new {
	width: 75%;
	display: block;
}

/* hector 12-09-16 to move the mobile menu to the top below the header */
.et_mobile_menu {
	top:0 !important;
}


/* to make the max height of the header with logo, search icon, and menu icon only 80px  - the desktop height is 125px */
#main-header {
	max-height:80px;
}

/* hector 11-21-16 to make the header area fixed when you scroll - this includes logo, search icon, and mobile menu */ 
.et_non_fixed_nav ‪#‎main‬-header, .et_non_fixed_nav ‪#‎top‬-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header {
position: fixed !important;
}

/* to position the logo */
.fiulogo img {
	left: 15px;
    height: 40px;
    position: fixed;
}

/* to position the hamburger menu icon and change the color to white right: -15px */
html body div#et_mobile_nav_menu .mobile_menu_bar:before {   
	color: #ffffff !important; 
    position: relative;
    top: -100px;
	left: -20px;
}  

/* custom changes for the search icon */
#et_top_search {
    width: 18px;
    margin: 3px 0 0 22px;
	position: relative;
	top: 3px;
	left: 10px;
}  

/* to change the color of the mobile menu */
.et_mobile_menu {
background-color: #081E3F;
border-top-color: #081E3F;
border-bottom-color: #081E3F;
border-left-color: #081E3F;
border-right-color: #081E3F;
}


/* Set Fonts sizes on small devices   */
h1 {
	font-size: 34px !important;
}

h2 {
	font-size: 27px !important;
}

h3 {
	font-size: 22px !important;
}

h4 {
	font-size: 18px !important;
}

h5 {
	font-size: 18px !important;
}

h6 {
	font-size: 16px !important;
}

body {
	font-size: 16px !important;	
}

/* hector 11-23-16 to change the text color to white on "In This Section" bar on mobile devices */
.side-nav-label h5 {
	color: #ffffff !important;	
}

/* hector 01-27-17 reduce size of body text containers for all 3 FIU page templates from 100% to 95%  to allow for margin on left side of text body */
.fiu-full-page-container, .fiu-home-page-container, .fiu-full-sub-nav-container  {
	width: 95%;
}

/* hector 01-30-17 reduce size of header container where logo resides from 100% to 95%  to allow for margin on left side of logo */
header>.row {
    width: 95%;
}

/* hector 01-30-17 reduce size of header-child-site container where SCHOOL or DEPARTMENT name resides from 100% to 95%  to allow for margin on left side of the name */
.header-child-site  .row {
    width: 95%;	
}



} 
/************ END MOBILE ONLY custom changes - for phones and portrait tablets *****************/




/************ BEGIN TABLET LANDSCAPE ONLY custom changes  *****************/
@media all and (min-width: 768px) and (max-width: 980px) {
	
	
/* hector 07-09-18 added this class to resize the home page circle images to 400X400 max on tablets and phones */
.circle-resize {
	max-width: 400px !important;
	max-height: 400px !important;
}
	
/* hector 06-25-18 hector added new class for titles of the text under the circles in the home page  so text wil not get divided in tablet and avoid using h3 headers */ 
.circle-title {
	font-size: 22px !important;
    font-family: "Bitter",Georgia,Times,"Times New Roman",serif !important;
    font-weight: bold !important;
    font-style: normal !important;
    line-height: 1.4 !important;
    color: #081E3F !important;
}
	
/* hector 05-04-17 to increase the width of the fiu buttons on mobile phones  and display buttons in seperate lines ( block) */
.fiu-button-blue-new, .fiu-button-yellow-new, .fiu-button-white-new {
	width: 32%;
	display: block;
}

/* hector 12-09-16 to move the mobile menu to the top below the header */
.et_mobile_menu {
	top: 0 !important;
}

/* to make the max height of the header with logo, search icon, and menu icon only 80px  - the desktop height is 125px */
#main-header {
	max-height:80px;

}

/* hector 11-21-16 to make the header area fixed when you scroll - this includes logo, search icon, and mobile menu */ 
.et_non_fixed_nav ‪#‎main‬-header, .et_non_fixed_nav ‪#‎top‬-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header {
position: fixed !important;
}

/* to position the logo */
.fiulogo img {
	left: 15px;
    height: 40px;
    position: fixed;
}

/* to position the hamburger menu icon and change the color to white  */
html body div#et_mobile_nav_menu .mobile_menu_bar:before {   
	color: #ffffff !important; 
    position: relative;
    top: -100px;
	left: -20px;
}  

/* custom changes for the search icon */
#et_top_search {
    width: 18px;
    margin: 3px 0 0 22px;
	position: relative;
	top: 3px;
	left: 100px;
}  

/* to change the color of the mobile menu */
.et_mobile_menu {
background-color: #081E3F;
border-top-color: #081E3F;
border-bottom-color: #081E3F;
border-left-color: #081E3F;
border-right-color: #081E3F;
}

/* Set Fonts sizes on tablets   */
h1 {
	font-size: 34px !important;
}

h2 {
	font-size: 27px !important;
}

h3 {
	font-size: 22px !important;
}

h4 {
	font-size: 18px !important;
}

h5 {
	font-size: 18px !important;
}

h6 {
	font-size: 16px !important;
}

body {
	font-size: 16px !important;	
}

/* hector 11-23-16 to change the text color to white on "In This Section" bar on mobile devices */
.side-nav-label h5 {
	color: #ffffff !important;	
}
	
/* hector 01-27-17 reduce size of body text containers for all 3 FIU page templates from 100% to 95% to allow for margin on left side of text body */
.fiu-full-page-container, .fiu-home-page-container, .fiu-full-sub-nav-container  {
	width: 95%;
}

/* hector 01-30-17 reduce size of header container where logo resides from 100% to 95%  to allow for margin on left side of logo */
header>.row {
    width: 95%;
}

/* hector 01-30-17 reduce size of header-child-site container where SCHOOL or DEPARTMENT name resides from 100% to 95%  to allow for margin on left side of the name */
.header-child-site  .row {
    width: 95%;	
}



}
/************ END LANDSCAPE TABLET ONLY custom changes  *****************/