/*
Theme Name:     Avada-child
Description:    The child theme for North American University's website www.na.edu based on the Avada theme. This child theme was  created on 

October 12, 2015.
Author:         Abdulhalim Yusuf
Template:       Avada

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/
/*Additions by MUSTAFA MALDAR | 2014 | Font Update and Side Navigation */
/* =============================================================================
PROXIMA NOVA FONT
============================================================================= */
/**
 * Font settings for Proxima Nova type
 * Side Navigation design updates
 */

@import url(https://fonts.googleapis.com/css?family=Oswald|Roboto+Slab|Glegoo|Proxima+Nova);
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,900');

/* 
 * 
 * 
 * Proxima nova removal 09/29/21
p {
font-family: "proxima-nova", sans-serif ;
font-weight: 300 ;
line-height: 190% ;
font-size: 15px ;

}

.reading-box-description {
font-family: "proxima-nova", sans-serif;
font-weight: 300;
line-height: 190%;
font-size: 15px !important;
}

.post-content ul li  {
font-family: "proxima-nova", sans-serif;
font-weight: 300;
line-height: 190%;
font-size: 15px !important; 
}

.post-content ol li  {
font-family: "proxima-nova", sans-serif;
font-weight: 300;
line-height: 190%;
font-size: 15px !important; 
}

.toggle-content {
font-family: "proxima-nova", sans-serif;
font-weight: 400;  
font-size: 15px !important;
}

.fusion-checklist .size-small {
font-family: "proxima-nova", sans-serif;
font-weight: 300;
font-size: 14px !important;
}

li.fusion-li-item.size-small span {
font-family: "proxima-nova", sans-serif;
font-size: 15px !important;
}

#main .reading-box h2, #main h2, .page-title h1, .image .image-extras .image-extras-content h3, #main .post h2, #sidebar .widget h3, .tab-holder .tabs li a, .share-box h4, .project-content h3, h5.toggle a, .full-boxed-pricing ul li.title-row, .full-boxed-pricing ul li.pricing-row, .sep-boxed-pricing ul li.title-row, .sep-boxed-pricing ul li.pricing-row, .person-author-wrapper, .post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6, .ei-title h2, #header .tagline, table th {
font-family: "proxima-nova", Arial, Helvetica, sans-serif !important;
}

.post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 {
font-family: "proxima-nova", Arial, Helvetica, sans-serif;
} */

#wrapper .fusion-tabs .tab-pane {
border: 0 !important;
}

.fusion-tabs.fusion-tabs-1 .nav, .fusion-tabs.fusion-tabs-1 .nav-tabs, .fusion-tabs.fusion-tabs-1 .tab-content .tab-pane {
    border: none !important;
}

.side-nav li.page_item_has_children ul {
display: false !important;
}

.review blockquote q { 
min-height: 240px !important; 
}

.fc-header-center {
text-align:center;display:none !important;
}

#content a:hover {
text-decoration:underline ;
}

.side-nav li.current_page_item ul.children li.page_item_has_children .arrow {
display: none !important;
}

.side-nav li.page_item_has_children ul.children .arrow {
display: none !important;
}

/*Additions by ABDULHALIM YUSUF | May 15 2015 | Social Icon Updates */
/* =============================================================================
  ICONS - COMMON
============================================================================= */
/**
 * Icon common styles.
 *
 * Set it to block or inline block, whichever suits your needs. Overflow set to
 * hidden for precautions, and make sure to set the font size to 0 and the text
 * indent to -9999px. This allows us to actually include text in the markup
 * which will be good for screen readers and accessibility purposes.
 */

.icon1 {
  display: inline-block !important;
  vertical-align: top;
  overflow: hidden;
  margin: 3px;
  width: 96px;
  height: 96px;
  font-size: 0;
  text-indent: -9999px;
}

/* =============================================================================
  ICONS - DEMO 1
============================================================================= */
/**
 * "icon-mono" class name used to indicate monochrome-type icon. Use whatever
 * class name you want, but make sure to change it up in the markup.
 *
 * Example HTML:
 *
 * <a href="#" class="icon icon-mono facebook">facebook</a>
 * <a href="#" class="icon icon-mono twitter">twitter</a>
 * ...
 */

.icon-mono {
background: url("/images/icons1.png");
background-color: #f9f9f9;
-webkit-transition: background 0.3s;
transition: background 0.3s;
}

/* facebook */

.icon-mono.facebook {
background-position: 0 0;
}

.icon-mono.facebook:hover {
background-color: #3b5998;
background-position: 0 -96px;
}

/* twitter */

.icon-mono.twitter {
  background-position: -96px 0;
}

.icon-mono.twitter:hover {
  background-color: #4099ff;
  background-position: -96px -96px;
}

/* youtube */

.icon-mono.youtube {
background-position: -192px 0;
}

.icon-mono.youtube:hover {
background-color: #cd201f;
background-position: -192px -96px;
}

/* instagram */

.icon-mono.instagram {
background-position: -288px 0;
}

.icon-mono.instagram:hover {
background-color: #D9B573;
background-position: -288px -96px;
}

/* linkedin */

.icon-mono.linkedin {
background-position: -384px 0;
}

.icon-mono.linkedin:hover {
background-color: #0976b4;
background-position: -384px -96px;
}

/*
======Halim icon media update June-6-2015=======
*/

@media screen and (max-width: 500px) {
.icon1 {
width: 48px;
height: 48px;
margin: 1px;
}

.icon-mono {
background-size: 240px;
}

.icon-mono.facebook:hover {
 background-position: 0 -48px;
}

/* twitter */

.icon-mono.twitter {
background-position: -48px 0;
}

.icon-mono.twitter:hover {
background-position: -48px -48px;
}

/* youtube */

.icon-mono.youtube {
background-position: -96px 0;
}

.icon-mono.youtube:hover {
background-position: -96px -48px;
}

/* instagram */

.icon-mono.instagram {
background-position: -144px 0;
}

.icon-mono.instagram:hover {
background-position: -144px -48px;
}

/* linkedin */
.icon-mono.linkedin {
background-position: -192px 0;
}

.icon-mono.linkedin:hover {
background-position: -192px -48px;
}

}/* end of media screen*/

/*
======Halim hover box update May-21-2015=======
*/

.box {
position:relative; 
}

.box img {
width:100%;
vertical-align:top;
}

.box:after {
content:'';
position:absolute;
width:100%; height:100%;
top:0; left:0;
background: RGBA(102, 12, 20, 0.7);
opacity:0;
transition: all 2s;
-webkit-transition: all 2s;
}

.box:hover:after {
opacity:1;
}

#red.box:after {
background: RGBA(248, 98, 93, 0.7)
}

#green.box:after {
background: rgba(147, 180, 107, 0.7)
}

#purple.box:after {
background: RGBA(159, 113, 169, 0.7)
}

#lightblue.box:after {
background: rgba(145, 195, 221, 0.7);
}


#torquoise.box:after {
background: rgba(131,205,195,0.7);
}

#gold.box:after {
background: rgba(191, 146, 61,0.7);
}


#blackbox.box:after {
background: rgba(0,0,0,0.4);
}

#greybox.box:after {
background: rgba(0,0,0,0.1);
}

#whitebox.box:after {
background: rgba(255,255,255,0.8);
}

/*
======End of Box=======
*/

/*
For grad page 5-21-15
*/

#grats {
font-family: "Monsieur La Doulaise";
font-size: 50px;
text-align: center;
color: white;
}

.quote-blueH1 {
font-family:"adobe garamond pro", serif;
font-style:italic;
font-size: 40px;
color: white;
line-height:1.5em;
padding-left:10px;
border-width: 20px;
border-left-style: solid;
} 

.quote-blue {
font-family:"adobe garamond pro", serif;
font-style:italic;
font-size: 28px;
color: black;
margin: 50px 100px 10px 100px;
line-height:1.5em;
padding-left:10px;
border-width: 1px;
border-left-style: solid;
} 

.quote-yellow {
font-family:"adobe garamond pro", serif;
font-style:italic;
font-size: 28px;
color: #F4BF28;
margin: 20px 20px 30px 20px;
padding-left:100px;
line-height:1.5em;
} 

.big {
position: absolute;
font-family:oswald;
font-size: 5.2vw;
color: white;
text-align: center;
z-index: 6;
top:70%;
width: 100%;
margin-top: -122px;
}

/*######### FONTS BEGINS ########*/


#textabove {
z-index:100;
position:relative;
font-size: 1.5em; 
color: white; 
font-family: oswald, lato; 
letter-spacing: -2px; 
text-shadow: 2px 2px rgba(0, 0, 0, 0.5); 
text-align: center;
line-height: 1em;    
}

#oswaldH {
z-index:100;
position:relative;
font-size: 72px; 
color: white; 
font-family: oswald, lato; 
letter-spacing: -2px; 
text-align: center;
line-height: 72px;    
}

/* mba headers*/

.mbah-yellow{
font-family: 'Unica One',Arial, Helvetica; 
font-size: 28px; 
color: #dcad48; 
letter-spacing: -2px;
line-height: 1em;
text-align: center;
}

.mbah-maroon {
font-family: 'Unica One',Arial, Helvetica; 
font-size: 1.6em; 
color: #660C14; 
letter-spacing: -1px;
line-height: 1.3em;
text-align: left;
}

.mbah-white {
font-family: 'Unica One',Arial, Helvetica; 
font-size: 50px; 
color: white; 
letter-spacing: -4px;
line-height: 1em;
text-align: center;
text-shadow: 1px 2px #333;
}

#roboto {
z-index:100;
position:relative;
font-size: 18px; 
color: #ffffff; 
font-family: roboto, lato, helvetica; 
letter-spacing: 0px; 
text-align: center;
line-height: 30px;  
}

#robotoH1 {
z-index:100;
position:relative;
font-size: 80px;
font-weight:bold;
color: #ffffff; 
font-family: roboto, lato, helvetica; 
letter-spacing: -2px; 
text-align: center;
line-height: 30px;    
}

#robotoM {
font-family: roboto, lato, helvetica;
font-size: 21px;
font-weight:300;
color: #5a5a5a;
letter-spacing: -0.3px;
}

#robotoP {
font-family: roboto, lato, helvetica;
font-size: 20px;
font-weight:300;
color: #5a5a5a; 
line-height: 19px;
}



#abril {
z-index:100;
position:relative;
font-size: 300%; 
color: white; 
font-family: abril fatface, arial; 
text-align: center;
line-height: 30px;    
}

.logo{
width: 250px;     
}

/*######### end of FONTS images ########*/

/*===========MBA headers & Great Vibes========07-09-2015*/

#mbaH1 {
font-family: oswald; 
text-align: left; 
color: #610310; 
font-size: 30px;
text-transform: uppercase;
}

#mbaH2 {
font-family: oswald; 
text-align: left; 
color: #610310; 
font-size: 23px;
text-transform: uppercase;
}

#mbaH3 {
font-family: oswald; 
text-align: left; 
color: #005D88; 
font-size: 23px;
text-transform: uppercase;
}

#greatvibes {
z-index:100;
position:relative;
font-size: 300px;
text-shadow: 2px 2px #000;
color: white; 
font-family: 'great vibes', lato; 
text-align: center;
line-height: 1.0em;    
}

#robotoslabH {
font-size: 40px;
font-family: 'Roboto Slab';
font-weight: 300;
line-height: 42px;
text-align: center;
}

.georgia-h2 {
    font-family: 'georgia', "Palatino Linotype", "Book Antiqua", Palatino, serif;
    font-size: 26px;
    font-weight: 100;
    line-height: 32px;
    margin-bottom: 1em;
}
.green {
    color: #6CBDC4 !important;
}
.center {
    text-align: center !important;
}

#georgiaM {
font-size: 26px;
font-family: 'georgia' !important;
font-weight: 100;
line-height: 32px;
text-align: center;
color: #fff;
}

.column_radius{
border-radius: 35px;
background: #610310;
padding: 10px; 
height: 100%;
}


img.bg {
/* Preserve aspet ratio */
max-width: 100% !important;
max-height: auto !important;
max-width: none !important;
}

.full-width-image{

overflow: hidden;
width: 100%;

}

.full-width-image > img{

width: 100% ;
max-width: 100%;
vertical-align: middle;

}


h4.fusion-tab-heading {  
font-size: 1em  !important;
font-family: 'Roboto Slab' !important;
line-height: 1.5em  !important;
color: #535353 !important;
}



#adobegaramondH {
font-family:"adobe garamond pro", serif;
font-style:italic;
font-size: 2.0em;
color: white;
line-height:1.0em;
text-align: center;
} 

a.change_green:hover{
text-decoration: none !important;
color: #00D0AC !important ;
-webkit-transition: 0.5s;
transition: 0.5s;
}

a.change:hover{

color: #F1765A !important ;
-webkit-transition: 0.5s;
transition: 0.5s;
}

a.change{
color: #ffffff;
-webkit-transition: 0.5s;
transition: 0.5s;
}

a.nounderline {
text-decoration: none !important;
}

.avada-skin-rev {
border-top: 0px;
border-bottom: 0px;
}

#bold_numbers{

font-family: Roboto Slab;
font-size: 140px;
color: #E2B166; 
text-align:center; 
font-weight: bold; 
text-shadow: 5px 5px #D35D53;

}


.tribe-events-single-event-title summary entry-title{

font-family: 'roboto' !important;

}


a.highlight:link { color: #005C88 ;} 
a.highlight:visited { color: #004766 ;} 
a.highlight:hover { 
color: #F1765A !important; 
-webkit-transition: 0.3s;
transition: 0.3s;
  border-style:solid;
  border-width: 0px 0px 1px 0px;}
a.highlight#blue:hover { color: #3A79CF ; }
fusion-button.button-2:hover{ color: #F1765A !important; }
fusion-button-text:hover{ color: #F1765A !important; }


#breadblue.fusion-page-title-bar .fusion-breadcrumbs{

color: #000 !important;

}



/*=================media screen BEGINS=================*/

@media screen and (max-width: 500px) {

/*adjusts mba media logo size*/

.mba {
width: 130px !important;
height: 130px;
}

/*adjusts google media logo size*/

.google {
width: 90px !important;   
}

/*adjusts logo media logo size*/

.logo{
width: 130px !important;  
}

#textabove {
z-index:100;
position:relative;
font-size: 35px; 
color: white; 
font-family: oswald, lato; 
letter-spacing: -2px; 
text-shadow: 2px 2px rgba(0, 0, 0, 0.5);
text-align: center;
line-height: 45px;
}

.mbah-yellow {
font-size: 25px;
}

.mbah-maroon {
font-size: 25px;
}

.mbah-white {
font-size: 30px !important;
letter-spacing: -2px;
}

#greatvibes {
z-index:100;
position:relative;
font-size: 150px;
text-shadow: 2px 2px rgba(0, 0, 0, 0.5);
color: white; 
font-family: 'great vibes', lato; 
text-align: center;  
}

#robotoH1 {
font-size: 30px;
letter-spacing: -1px; 
}

#robotoslabH {
font-size: 0.7em;
font-family: 'Roboto Slab';
line-height: 1em;
}

#roboto {
z-index:100;
position:relative;
font-size: 16px; 
color: #ffffff; 
font-family: roboto, lato, helvetica; 
letter-spacing: 0px; 
text-align: center;
line-height: 20px;  
}

#oswaldH {
font-size: 25px; 
line-height: 25px;
letter-spacing: 0px;   
}

#robotoM{
font-family: roboto, lato, helvetica;
font-size: 17px;
font-weight:300;
letter-spacing: -0.3px;
}


#robotoP {
font-family: roboto, lato, helvetica;
font-size: 16px;
font-weight:300;
line-height: 14px;
}


#georgiaM {
font-size: 20px;
line-height: 23px;
text-align: center;
}


}

@media screen and (max-width: 800px) {

/*adjusts logo media logo size*/

.logo{
width: 180px !important;
}


}

/* =================end of media screen===================*/

/*====Mobile-Menu-Secondary & Side Navigation -Halim-07-09-2015====*/

.fusion-secondary-main-menu {
border-bottom: 1px solid transparent;
padding-left: 0px !important;
padding-right: 0px !important;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}

/*====Page Title Bar Top Border-Halim-07-13-2015====*/

.fusion-page-title-bar {
border-top: 0px;
}

/*=======!!!!=======Start of Side Navigation Code======!!!!!=======*/

.side-nav ul {
list-style: none;
margin: 0;
padding: 0;

}

.side-nav li {
margin: 0;
padding: 0;

}


#wrapper .side-nav li a {
border-bottom: 1px solid #ededed;
display: block;
height: auto;
font-weight: lighter;
font: 14px/22px 'Open Sans', 'proxima-nova', 'Roboto', verdana, helvetica, sans-serif;
color: #737373;
padding-left: 5%;
}

.side-nav li a {
line-height: 1.69em;
padding: 8px;


}

#wrapper .side-nav li a:hover {
background: #ebeaea;
color: #333333;
font-weight: bold;
padding-left: 0.9375em; 
}

#wrapper .side-nav li.current_page_item > a {
background: #183f8b;
color: #ffffff !important;
}

#wrapper .side-nav li.current_page_item > a:hover {
background: #1f50b1;
color: #ffffff !important;
}

#wrapper .side-nav li.current_page_item li a {
color: #737373;
background: #f9f9f9;
border-bottom: 1px solid #ededed;
}

#wrapper .side-nav li.current_page_item li a:hover {
border-bottom: 1px solid #ededed;
background: #ebeaea;
color: #333333;
font-weight: bold;
}

#wrapper .side-nav .children {
display: none;
margin-left: 15px;
}

.side-nav .arrow {
display: inline;
margin-left: 0;
}

.side-nav .arrow:after {
position: absolute;
font-size: 14px;
font-family: 'icomoon';
}

.side-nav-left .side-nav {
border-right: 1px solid #ededed;
}

/*.side-nav-left .side-nav li.current_page_item > a {
  border-right: 10px solid #eaeaea;
}*/

.side-nav-left .side-nav .arrow {
margin-left: 10px;
}

.side-nav-left .side-nav .arrow:after {
content: '\f105';
}

.side-nav-right .side-nav {
border-left: 1px solid #ededed;
}

/*.side-nav-right .side-nav li.current_page_item > a {
  padding-left: 23px;
  border-left: 10px solid #eaeaea;
}*/

.side-nav-right .side-nav li a {
padding-left: 25px;
}

.side-nav-right .side-nav .arrow {
margin-right: 10px;
}

.side-nav-right .side-nav .arrow:after {
content: '\f104';
}

.side-nav-right .side-nav .children {
margin-left: 40px;
}

.side-nav-right .side-nav .children a {
padding-left: 0;
}

/*Side Navigation Code End*/

.fusion-one-half.fusion-layout-column.fusion-spacing-no {
margin-bottom: 0px !important;
}
#content a:hover {
text-decoration: none !important;
}

/*Secondary Header Start - LAST EDIT: JOSEPH SCOTT - 111315*/
/* Last Edit Halim Yusuf 110316 */

.fusion-secondary-header {


background-color: #16336a !important; 
border-bottom: none !important;
font-family: 'Montserrat', sans serif;
/*min-height: 30px !important;
max-height: 43px !important;*/
}

.fusion-secondary-menu > ul > li {
border: none !important;
}

.fusion-secondary-menu > ul > li a:hover {
opacity: 0.8;
}

.fusion-secondary-header .fusion-row {
/*max-height: 43px;*/
	flex-direction: column;
	   display: flex;
}

li.fusion-custom-menu-item.fusion-menu-login-box {
display: none !important;
}



#main {
padding: 0 !important;
margin-bottom: 0 !important;
}