/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

/* ==========================================================================
    HELPER CLASSES
============================================================================= */
/* Margin */
.ma35 {
  margin: 35px !important;
}
.ma30 {
  margin: 30px !important;
}
.ma25 {
  margin: 25px !important;
}
.ma20 {
  margin: 20px !important;
}
.ma15 {
  margin: 15px !important;
}
.ma10 {
  margin: 10px !important;
}
.ma5 {
  margin: 5px !important;
}
.nm {
  margin: 0px !important;
}
.ma-35 {
  margin: -35px !important;
}
.ma-30 {
  margin: -30px !important;
}
.ma-25 {
  margin: -25px !important;
}
.ma-20 {
  margin: -20px !important;
}
.ma-15 {
  margin: -15px !important;
}
.ma-10 {
  margin: -10px !important;
}
.ma-5 {
  margin: -5px !important;
}
.mt70 {
  margin-top: 70px !important;
}
.mt40 {
  margin-top: 40px !important;
}
.mt35 {
  margin-top: 35px !important;
}
.mt30 {
  margin-top: 30px !important;
}
.mt25 {
  margin-top: 25px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mt15 {
  margin-top: 15px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.mt5 {
  margin-top: 5px !important;
}
.mt4 {
  margin-top: 4px !important;
}
.mt3 {
  margin-top: 3px !important;
}
.mt2 {
  margin-top: 2px !important;
}
.mt1 {
  margin-top: 1px !important;
}
.mt0 {
  margin-top: 0px !important;
}
.mt-35 {
  margin-top: -35px !important;
}
.mt-30 {
  margin-top: -30px !important;
}
.mt-25 {
  margin-top: -25px !important;
}
.mt-20 {
  margin-top: -20px !important;
}
.mt-15 {
  margin-top: -15px !important;
}
.mt-10 {
  margin-top: -10px !important;
}
.mt-5 {
  margin-top: -5px !important;
}
.mr35 {
  margin-right: 35px !important;
}
.mr30 {
  margin-right: 30px !important;
}
.mr25 {
  margin-right: 25px !important;
}
.mr20 {
  margin-right: 20px !important;
}
.mr15 {
  margin-right: 15px !important;
}
.mr10 {
  margin-right: 10px !important;
}
.mr5 {
  margin-right: 5px !important;
}
.mr0 {
  margin-right: 0px !important;
}
.mr-25 {
  margin-right: -25px !important;
}
.mr-20 {
  margin-right: -20px !important;
}
.mr-15 {
  margin-right: -15px !important;
}
.mr-10 {
  margin-right: -10px !important;
}
.mr-5 {
  margin-right: -5px !important;
}
.mb75 {
  margin-bottom: 75px !important;
}
.mb40 {
  margin-bottom: 40px !important;
}
.mb35 {
  margin-bottom: 35px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.mb25 {
  margin-bottom: 25px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mb15 {
  margin-bottom: 15px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb5 {
  margin-bottom: 5px !important;
}
.mb4 {
  margin-bottom: 4px !important;
}
.mb3 {
  margin-bottom: 3px !important;
}
.mb2 {
  margin-bottom: 2px !important;
}
.mb1 {
  margin-bottom: 1px !important;
}
.mb0 {
  margin-bottom: 0px !important;
}
.mb-35 {
  margin-bottom: -35px !important;
}
.mb-30 {
  margin-bottom: -30px !important;
}
.mb-25 {
  margin-bottom: -25px !important;
}
.mb-20 {
  margin-bottom: -20px !important;
}
.mb-15 {
  margin-bottom: -15px !important;
}
.mb-10 {
  margin-bottom: -10px !important;
}
.mb-5 {
  margin-bottom: -5px !important;
}
.ml35 {
  margin-left: 35px !important;
}
.ml30 {
  margin-left: 30px !important;
}
.ml25 {
  margin-left: 25px !important;
}
.ml20 {
  margin-left: 20px !important;
}
.ml15 {
  margin-left: 15px !important;
}
.ml10 {
  margin-left: 10px !important;
}
.ml5 {
  margin-left: 5px !important;
}
.ml0 {
  margin-left: 0px !important;
}
.ml-35 {
  margin-left: -35px !important;
}
.ml-30 {
  margin-left: -30px !important;
}
.ml-25 {
  margin-left: -25px !important;
}
.ml-20 {
  margin-left: -20px !important;
}
.ml-15 {
  margin-left: -15px !important;
}
.ml-10 {
  margin-left: -10px !important;
}
.ml-5 {
  margin-left: -5px !important;
}
/* Padding */
.pa35 {
  padding: 35px !important;
}
.pa30 {
  padding: 30px !important;
}
.pa25 {
  padding: 25px !important;
}
.pa20 {
  padding: 20px !important;
}
.pa15 {
  padding: 15px !important;
}
.pa10 {
  padding: 10px !important;
}
.pa5 {
  padding: 5px !important;
}
.np {
  padding: 0px !important;
}
.pt35 {
  padding-top: 35px !important;
}
.pt30 {
  padding-top: 30px !important;
}
.pt25 {
  padding-top: 25px !important;
}
.pt20 {
  padding-top: 20px !important;
}
.pt15 {
  padding-top: 15px !important;
}
.pt10 {
  padding-top: 10px !important;
}
.pt7 {
  padding-top: 7px !important;
}
.pt6 {
  padding-top: 6px !important;
}
.pt5 {
  padding-top: 5px !important;
}
.pt0 {
  padding-top: 0px !important;
}
.pr35 {
  padding-right: 35px !important;
}
.pr30 {
  padding-right: 30px !important;
}
.pr25 {
  padding-right: 25px !important;
}
.pr20 {
  padding-right: 20px !important;
}
.pr15 {
  padding-right: 15px !important;
}
.pr10 {
  padding-right: 10px !important;
}
.pr5 {
  padding-right: 5px !important;
}
.pr0 {
  padding-right: 0px !important;
}
.pb35 {
  padding-bottom: 35px !important;
}
.pb30 {
  padding-bottom: 30px !important;
}
.pb25 {
  padding-bottom: 25px !important;
}
.pb20 {
  padding-bottom: 20px !important;
}
.pb15 {
  padding-bottom: 15px !important;
}
.pb10 {
  padding-bottom: 10px !important;
}
.pb5 {
  padding-bottom: 5px !important;
}
.pb0 {
  padding-bottom: 0px !important;
}
.pl35 {
  padding-left: 35px !important;
}
.pl30 {
  padding-left: 30px !important;
}
.pl25 {
  padding-left: 25px !important;
}
.pl20 {
  padding-left: 20px !important;
}
.pl15 {
  padding-left: 15px !important;
}
.pl10 {
  padding-left: 10px !important;
}
.pl5 {
  padding-left: 5px !important;
}
.pl0 {
  padding-left: 0px !important;
}
.text-center {
	text-align: center; 
}
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
/* ==========================================================================
    OVERRIDES
============================================================================= */
#menu-top-menu li a:first-child {
	padding-left: 0;
}
.fusion-secondary-menu > ul > li {
	border: none;
}
.project-content .project-info h4 {
	float: none !important;
}
.fusion-megamenu-wrapper .fusion-megamenu-submenu .sub-menu a {
	padding: 5px 20px;
}
.fusion-megamenu-title {
	padding: 0 20px 15px;
}
.program-boxes.fusion-content-boxes .content-wrapper-background {
	border: 1px solid #FFFFFF;
	text-align: center;
	padding: 25px 5px;
	webkit-transition: all 0.2s ease 0s;
	-moz-transition: all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
	-ms-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
}
.program-boxes.fusion-content-boxes .content-wrapper-background:hover {
	background-color: #000000 !important;
}
.program-boxes.fusion-content-boxes .heading, .program-boxes.fusion-content-boxes .content-container {
	margin-bottom: 0px;
	text-align: center;
}
.program-boxes.fusion-content-boxes .heading .heading-link {
	float: none !important;
}
.home-counter .display-counter {
    text-align: center;
    font-size: 65px;
	font-weight: 500;
	line-height: 130%;
	text-shadow: 8px 8px 0px rgba(150, 150, 150, 0.3);
}
.call-to-action-home .fusion-read-more {
	background-color: #f37421 !important;
	color: #ffffff !important;
}
#content .fusion-checklist {
	margin-bottom: 20px;
}
.fusion-blog-layout-grid-1 .fusion-read-more {
	font-size: 17px;
	font-weight: bold;
}
.fusion-blog-layout-grid-1 .blog-shortcode-post-title, .fusion-blog-layout-large .fusion-post-title, .fusion-blog-layout-large .entry-title {
	font-size: 20px !important;
	font-weight: bold !important;
}
/*
.fluid-width-video-wrapper {
	position: relative !important;
	padding-bottom: 56.25% !important;
	padding-top: 25px !important;
	height: 0 !important;
}
.fluid-width-video-wrapper iframe {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
}
*/
.fusion-video {
	max-width: none !important;
	max-height: none !important;
	margin-bottom: 20px;
}
.fusion-portfolio-archive .fusion-portfolio-content-wrapper .fusion-image-wrapper, .fusion-portfolio-archive .fusion-portfolio-content-wrapper .fusion-image-wrapper img {
	width: 100%;
}
/* ==========================================================================
    CUSTOM GRID
============================================================================= */
.soc-container {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.soc-row {
  position: relative;
  width: 100%;
}

.soc-row [class^="soc-col"] {
  float: left;
  /*margin: 0.5rem 2%;*/
  margin-right: 4%;
  margin-bottom: 30px;
  /*min-height: 0.125rem;*/
}

.soc-col-1,
.soc-col-2,
.soc-col-3,
.soc-col-4,
.soc-col-5,
.soc-col-6,
.soc-col-7,
.soc-col-8,
.soc-col-9,
.soc-col-10,
.soc-col-11,
.soc-col-12 {
  width: 96%;
}

.soc-col-1-sm {
  width: 4.33%;
}

.soc-col-2-sm {
  width: 12.66%;
}

.soc-col-3-sm {
  width: 21%;
}

.soc-col-4-sm {
  width: 29.33%;
}

.soc-col-5-sm {
  width: 37.66%;
}

.soc-col-6-sm {
  width: 46%;
}

.soc-col-7-sm {
  width: 54.33%;
}

.soc-col-8-sm {
  width: 62.66%;
}

.soc-col-9-sm {
  width: 71%;
}

.soc-col-10-sm {
  width: 79.33%;
}

.soc-col-11-sm {
  width: 87.66%;
}

.soc-col-12-sm {
  width: 96%;
}

.soc-row::after {
	content: "";
	display: table;
	clear: both;
}

.hidden-sm {
  display: none;
}
/* 540px */
/* 720px */
/* 960px */

@media only screen and (min-width: 33.75em) {  
  .soc-container {
    width: 80%;
  }
}

@media only screen and (min-width: 45em) {  
  .soc-col-1 {
    width: 4.33%;
  }

  .soc-col-2 {
    width: 12.66%;
  }

  .soc-col-3 {
    width: 21%;
  }

  .soc-col-4 {
    width: 29.33%;
  }

  .soc-col-5 {
    width: 37.66%;
  }

  .soc-col-6 {
    width: 46%;
  }

  .soc-col-7 {
    width: 54.33%;
  }

  .soc-col-8 {
    width: 62.66%;
  }

  .soc-col-9 {
    width: 71%;
  }

  .soc-col-10 {
    width: 79.33%;
  }

  .soc-col-11 {
    width: 87.66%;
  }

  .soc-col-12 {
    width: 96%;
  }

  .soc-hidden-sm {
    display: block;
  }
}

@media only screen and (min-width: 60em) {
  .soc-container {
    width: 75%;
    max-width: 60rem;
  }
}
/* ==========================================================================
    EMPLOYEE AND SPOTLIGHT PROFILES
============================================================================= */
.employee {
    width: 100%;
    margin-bottom: 30px;
    text-align: center;
}

.node-type-profile-staff .employee {
    text-align: left;
}

.employee img, .employee-meta img {
    opacity: 1;
    margin-bottom: 10px;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.employee img:hover{
    opacity: 0.7;
}

.employee h3{
    line-height: 28px;
    font-size: 24px !important;
	/*text-transform: uppercase;*/
	margin: 0;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.employee p.title{
	text-transform: uppercase;
	font-weight: bold;
}

.employee .position{
    width: 100%;
    margin-bottom: 10px;
    display: block;
    font-style: italic;
}

.employee-social-links{
    width: 100%;
    display: block;
	
	padding: 10px 0px;
	border-top: 1px solid #EEE;
	border-bottom: 1px solid #EEE;
	margin: 0;
}

.employee-social-links li {
	text-align: center;
	display: inline-block;
	float: none !important;
    padding-right: 15px;
}

.employee-social-links li:last-child {
    padding-right: 0;
}

.employee-social-links li a{  
    font-size: 24px;
	color: #AAAAAA;
}
.profile-contact h4 {
	margin-bottom: 0;
}
.alumni-teaser {
	background-color: #EFEFEF;
}
.alumni-teaser div.info-section {
	padding: 0 15px 15px;
}
.alumni-teaser p {
	font-size: 14px;
}
.alumni-teaser h4.name {
	text-transform: uppercase;
	margin-bottom: 0px;
	margin-top: 15px;
}
.alumni-teaser p.title {
	text-transform: uppercase;
	color: #333333;
	font-weight: bold;
	margin-top: 0px;
}
.alumni-teaser p.program {
	font-style: italic;
}
.alumni-teaser p.read-more {
	text-transform: uppercase;	
	font-weight: bold;
	margin-bottom: 0px;
}
blockquote.alumni-quote{
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote.alumni-quote:before {
  content: open-quote;
  display: inline;
  height: 0;
  line-height: 0;
  left: -10px;
  position: relative;
  top: 30px;
  color: #ccc;
  font-size: 4em;
}
/* ==========================================================================
    TYPOGRAPHY
============================================================================= */

/* Add lined header to only large screens */

.lined-header-center {
	overflow: hidden;
	text-align: center;
}
.lined-header-center:before,
.lined-header-center:after {
	background-color: #EEE;
	content: "";
	display: inline-block;
	height: 1px;
	position: relative;
	vertical-align: middle;
	width: 50%;
}
.lined-header-center:before {
	right: 0.5em;
	margin-left: -50%;
}
.lined-header-center:after {
	left: 0.5em;
	margin-right: -50%;
}
.lined-header-left {
	overflow: hidden;
	text-align: left;
}
.lined-header-left:after {
	background-color: #EEE;
	content: "";
	display: inline-block;
	height: 1px;
	position: relative;
	vertical-align: middle;
	width: 90%;
	left: 0.5em;
	margin-right: -50%;
}
h1.big-header {
	text-shadow: 0px 1px 0px rgba(0,0,0,0.5) !important;
    line-height: 70px !important;
	font-size: 63px !important;
	margin-bottom: 0.1em;
}
h3.big-subheader {
	text-shadow: 0px 1px 0px rgba(0,0,0,0.5) !important;
    font-size: 28px !important;
	line-height: 38px !important;
	font-weight: lighter !important;
}
h2.next-step-header {
	font-size: 42px !important;
	line-height: 52px !important;
}
/* ==========================================================================
    WEBFORMS
============================================================================= */
.webform fieldset {
	border: 1px solid #ccc;
	border-radius: 6px;
	padding: 15px;
	margin-bottom: 30px;
}

.webform legend {
    margin-left: 10px;
	padding: 0 10px;
    font-size: 20px;
	font-weight: bold;
	width: auto;
	margin: 0;
	border: none;
}

.webform input[type=text], .webform textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;	
	box-sizing: border-box;
}

.webform input[type=text], .webform input[type=email], .webform textarea {
	padding: 20px 10px; 
	/*font-size:1.3em;*/
	/*color:#777;*/ 
	border: 1px solid #ccc; 
	margin:0 0 20px; 
	max-width: 100%;
	width: 100%;
}

.webform select {
    display: block;
    height: 40px;
    width: 100%;
    max-width: 100%; 
    box-sizing: border-box;
    margin: 0;
    border: 1px solid #ccc;
    box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
    /*border-radius: .5em;*/
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
      linear-gradient(to bottom, #ffffff 0%,#efefef 100%);
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
	margin-bottom: 20px;
}
.webform select::-ms-expand {
    display: none;
}
.webform select:hover {
    border-color: #888;
}
.webform input[type=checkbox] {
	position: absolute; 
    overflow: hidden; 
    clip: rect(0 0 0 0); 
    height:1px; 
    width:1px; 
    margin:-1px; 
    padding:0;
    border:0;
}
.webform input[type=checkbox] + label {
	padding-left:27px;
    height:20px; 
	display:inline-block;
	line-height:20px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:15px;
	vertical-align:middle;
    cursor:pointer;
	background-image:url(../img/checkbox-bg.png);
}
.webform input[type=checkbox]:checked + label {
    background-position: 0 -20px;
}
.webform input[type=submit], a.soc-button {
	padding: 17px 40px;
	line-height: 21px;
	font-size: 18px;
	box-shadow: none !important;
	outline: 0;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 0px;
	border-width: 1px;
	border-style: solid;
	border-radius: 2px;
	text-transform: uppercase;
	-webkit-transition: all .2s;
	transition: all .2s;
	background: #ffffff;
	color: #005030;
	border-color: #005030;
	text-align: center;
	cursor: pointer;
}
.webform input[type=submit]:hover, a.soc-button:hover {
	background: #f37421;
	color: #ffffff;
	border-color: #005030;	
}
.webform input.error, .webform textarea.error, .webform select.error {
    border: 2px solid #F00 !important;
}
.webform label {
	display: block;
	font-size: 16px;
	font-family: "Raleway",Arial,sans-serif;
	font-weight: 600;
	color: #444;
}
.webform label.option {
	display: inline-block;
	margin-left: 5px;
	font-size: 16px;
	color: #666;
	font-weight: normal;
	font-family: "Open Sans",Arial,sans-serif;
}
/* ==========================================================================
    SIDEBAR WIDGETS
============================================================================= */
.sidebar-widget {
	width: 100%;
	border: 5px solid #EFEFEF;
	margin-bottom: 50px;
}
.sidebar-widget-header {
	padding: 20px 10px;
	border-bottom: 1px solid #EFEFEF;
	color: #333333;
	font-size: 21px;
}
.sidebar-widget-header i.fa {
	padding-right: 10px;
}
.sidebar-widget-header h2 {
	font-size: 18px !important;
	margin: 0;
}
.sidebar-widget-content {
	padding: 10px;
	font-size: 14px;
	border-bottom: 1px solid #EFEFEF;
}
.sidebar-widget-content h3 {
	font-size: 14px !important;
	margin: 15px 0;
}
.sidebar-widget-content th, .sidebar-widget-content td {
	vertical-align: top;
}
.sidebar-widget-footer {
	padding: 20px 10px;
	text-align: center;
}
/* ==========================================================================
    RESPONSIVE
============================================================================= */
@media only screen and (max-width: 800px) {
	#sidebar {
		display: none;  
	}
	.fusion-footer-widget-area .fusion-columns .fusion-column:nth-child(-n+3), .fusion-footer-widget-column .fusion-checklist .icon-wrapper, ul.fusion-checklist .icon-wrapper {
		display: none; 	
	}
        /* Fixes Sidebar disappearing for Events Calendar events in mobile view */
	#sidebar.fusion- { 
                display: block;
        }
        .fusion-footer-widget-column .fusion-checklist .icon-wrapper, ul.fusion-checklist .fusion-li-item-content {
		margin-left: 0 !important;
	}
	.fusion-page-title-bar .fusion-page-title-row h1 {
		font-size: 28px !important;
	}
	h1.big-header {
		font-size: 38px !important;
		line-height: 48px !important;
	}
	h3.big-subheader {
		font-size: 22px !important;
		line-height: 30px !important;
	}
	.lined-header-left:after {
		background-color: #FFF;
		content: "";
		display: block;
		height: auto;
		width: 100%;
		left: auto;
		margin-right: auto;
	}
}

#tribe-events-content .tribe-events-calendar td {
    background-color: #ffffff;
}


/* This is to fix an Avada update bug that caused the default font family to 
	lose the Bold font function; so this fixes that so that <strong> styling will 
	manifest as expected */
strong { 
    font-family:Arial
}


/* This is to make the "Make a Gift" button on com.miami.edu/give/[pages] 
	to disappear when viewing on desktop/laptop and appear on mobile, since
	sidebar disappears in mobile view. Want to persist the donate button to show 
	on all devices  */
@media only screen and (min-width: 805px) {
      #make-a-gift {
       display: none;
      }
    }
    

.whitefooter { color:#ffffff !important; }

.fusion-li-item-content { color: #666666 !important;  }

/* This is for the Toppel Career RSS Feeds page formatting */

img.rss-widget-icon { display:none } 
a.rsswidget { display:none } 

.fusion-widget, .fusion-widget-element, .fusion-widget-area, .fusion-content-widget-area, .wpWidget-1 
{
        margin-top: -30px;
        padding-left: 30px;
}

/* Fixes events page with caption text overlapping featured image - 10-10-2022 */
.fusion-events-featured-image .fusion-events-single-title-content {
position: relative !important;}