/*
Theme Name: Melanoma Institute Australia 
Theme URI: https://www.melanoma.org.au
Description: 
Version: 1.0
Author: Sol Design
Author URI: http://sol.com.au/
Template: Avada

css update as of Feb 2022

*/


/* colours
----------------------------------------------- */
.mia-green {color: #00685E;}
.mia-light-green {color: #339888;}
.mia-teal {color: #279989;}
.mia-blue {color: #070838;}
.mia-yellow {color: #F0B323;}
.white {color: #fff !important;}
.black {color: #000 !important;}

/* Page Padding Special Instances
----------------------------------------------- */
body.tribe_events-template-default #main {padding-bottom:60px;}
body.home #main { padding-top: 0px; padding-bottom:0px}
body.single-post #main {padding-bottom:60px;}

body.page-template-contact #sidebar {display:none;}
body.page-template-contact .fusion-contact-form {display:none;}


body.tax-academic_author .fusion-inline-sep {display:none;}
body.tax-academic_author .fusion-comments {display:none;}


/* Basic Avada Changes
----------------------------------------------- */
.right {}
.padded { margin-bottom: 20px; }
.intro {font-size: 18px; line-height: 180% !important;}
.fineprint {font-size: 10px; line-height: 15px; margin-top: 15px;}
.fa-ul {   padding-left: 0;   margin-left: 2em;   list-style-type: none; }
.fa-ul > li {   position: relative; margin-bottom: .4em; }
.fa-li {   position: absolute;   left: -2em;   width: 2em;   text-align: center; }
.fa-ul i {color: #279989; position: absolute;  left: -2em; top: 0.2em;}
#fa-large-icons {}
.fusion-imageframe img {  display: block;  position: relative;    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;   transition: opacity 0.5s, transform 0.5s;   -webkit-backface-visibility: hidden;   backface-visibility: hidden; }
.fusion-imageframe a:hover img {  opacity: 0.5;  filter: alpha(opacity=50);50,0,0); }
body.home .one_fourth h4 {  text-transform: uppercase; margin: 0; padding: 0; }
.none {display: none;}
.alignright {float: right;}
i {color: #279989;}
sub, sup {
/* Specified in % so that the sup/sup is the right size relative to the surrounding text */
  font-size: 75%;
/* Zero out the line-height so that it doesn't interfere with the positioning that follows */
  line-height: 0;
/* Where the magic happens: makes all browsers position the sup/sup properly, relative to the surrounding text */
  position: relative;
/* Note that if you're using Eric Meyer's reset.css, this is already set and you can remove this rule */
  vertical-align: baseline;}

sup {  /* Move the superscripted text up */  top: -0.5em;}

sub {/* Move the subscripted text down, but only half as far down as the superscript moved up */ bottom: -0.25em; }







/* Mobile Avada Changes
----------------------------------------------- */
@media only screen and (max-width:800px) {
.fusion-logo img {width: 200px; height: 34px;}
.fusion-social-links-header {display: none; }
.fusion-secondary-header {display: none;}
.fusion-contact-info {height:34px; padding-top: 4px !important; float:right;}
#expertise {margin-top: 30px !important;}
.fusion-mobile-menu-text-align-left li.fusion-mobile-nav-item li a:before {display:none;}
img._mi._before._svg {height: 18px !important; margin-top: 7px !important; margin-right: 10px;}
.mobile_menu_search { display: block; } 
.mobile_search { display: block; position: absolute; top: 21px; right: 67px; width: 18px; height: 18px; z-index: 10; padding: 0; margin: 0; cursor: pointer;}
.mobile_search img {width:18px; }
img._mi._before._svg {height: 18px !important; margin-top: 7px !important; margin-right: 10px;}
svg#Layer_1 {height: 18px !important; margin-top: 7px !important; margin-right: 10px; width:16px;}

}


/**---------------- Media query ----------------**/
@media only screen and (min-width: 48em) { .column-half{ width: 50%;}
}


/* Homepage specific
----------------------------------------------- */
.infographic h3 {color: #fff; font-size: 30px; font-weight: 900;}
.blackweight strong {font-weight: 900 !important;}


/* Logo size
----------------------------------------------- */
.fusion-logo-link img {width: 250px; height: 43px;}
.fusion-logo img {width: 260px; height: 44px;}
.logos {margin: 20px 0 10px;}


/* Bring menu inline with logo  
----------------------------------------------- */
.fusion-main-menu {padding-top: 54px;}


/* Link Colours
----------------------------------------------- */
a:hover {color:orange;}
.whitelinks a:link, .whitelinks a:visited { color: #fff; text-decoration: none; border-style: none; }
.whitelinks a:hover {color:rgba(255,255,255,0.5);}

/* custom container styles
----------------------------------------------- */
.speakers-hub h2.fusion-post-title {font-size: 14px !important;}
.speakers-hub .fusion-post-content {margin-top: 0px;}
.paper-feed .fusion-meta-info { margin-top: 5px; border-top: 1px solid #fff;}
.fusion-events-single-title-content {display:none !important;}
.event-text p {font-size: 14px !important;}



/*Events Calendar Button Color
----------------------------------------------- */
:root {   
    --tec-color-event-icon-hover: #339888;
    --tec-color-accent-primary: #339888;
   --tec-color-icon-focus: #339888;}
.tribe-events-c-subscribe-dropdown__button-text {}
.tribe-common-c-btn-border {}
.tribe-events-c-subscribe-dropdown__button {}

/*remove event cal events page padding
.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {padding:0;}


/*Filter Bar select Color
----------------------------------------------- */
.select2-container--default .select2-results__option--highlighted[data-selected] {
background-color: #999; padding-left:10px;}



/* Footer styles 
----------------------------------------------- */
#toTop {   background-color: #279989 !important;}
#toTop:hover {   background-color: #f0b323 !important;}

.footer-logo {height: 24px !important; margin-top: 9px; margin-bottom: 13px;}
.fusion-footer-widget-area ul.fa-ul {margin-left: 20px;}
.fusion-footer-widget-area ul.fa-ul i {color: #fff !important;}
.fusion-footer i {color: #fff !important; margin-right: 5px;}

#wrapper .fusion-vertical-menu-widget .menu li a { border-bottom: 1px solid transparent; border-right-color: transparent; padding: 2px 0; display: block }
.fusion-footer-widget-area .widget-title, .fusion-footer-widget-area h3 {margin: 0 0 20px;}
.fusion-widget-area .widget_recent_entries li { border-bottom: none; }
.footerlogo {margin-bottom:20px;}

/* remove underline on last blog item in footer */
.fusion-widget-area .widget_recent_entries li:last-child { border-bottom: none; }
.menu-footer-menu-1, .menu-footer-menu-2 li:last-child { border-bottom: none; padding-top:20px; }

.fusion-li-item {margin-bottom: 0px !important;}
.fusion-footer-widget-area .widget-title { margin: 0 0 15px; text-transform: capitalize; font-family: Mulish; font-size: 13px; font-weight: 600; line-height: 1.5; letter-spacing: 0px; font-style: normal; color:#ffffff }
.fusion-mobile-nav-holder > ul > li.fusion-mobile-nav-item > a { font-size: 12px; letter-spacing:0px; font-weight: 600 }

body:not(.mobile-menu-design-flyout) .fusion-sub-menu-open .fusion-mobile-nav-item a { height: 35px; background-color: #ffffff; border-color: #ffffff !important; }

/* change border color on mobile menu last child */
body:not(.mobile-menu-design-flyout) .fusion-sub-menu-open .fusion-mobile-nav-item:last-child a {border-color: #279989 !important;  }

.fusion-footer-widget-area ul.fa-ul i {color: #F0B323 !important;}
.fusion-footer i {color: #fff !important; margin-right: 5px;}

/* Footer Quicklinks mods 
----------------------------------------------- */
#menu-quick-links li.current-page-ancestor > a {color: #279989 !important;}
#wrapper .fusion-vertical-menu-widget .menu li.current-menu-item>a, #wrapper .fusion-vertical-menu-widget .menu li.current_page_item>a {border-right: none;}


/* Featured Image border
----------------------------------------------- */
.zpost-slideshow img {border-radius: 8px !important; moz-border-radius: 8px !important;}

/* Topbar
----------------------------------------------- */
.fusion-contact-info i {color: #fff !important; }
.fusion-contact-info strong {font-size: 16px;}

/* Tables
----------------------------------------------- */
.table-a th { font-weight: bold; text-align: left !important; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; }
.table-a td { text-align: left; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; }


/* Sidebars
----------------------------------------------- */
.submitbutton { box-sizing: border-box; color: rgb(255,255,255); font: bold 14px "Mulish", Arial, Helvetica, sans-serif; background-color: #f0b323; cursor: pointer; display: inline; height: auto; text-align: center; text-decoration: none; text-shadow: none; text-transform: uppercase; width: 100%; padding: 10px; border-radius: 5px; border-style: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.submitbutton:hover {background-color: #014035; }

h4.widget-title {padding-top: 0px !important; margin-top: 0px !important; font-size: 20px !important;}


/* Papers Section
----------------------------------------------- */
/* Research Menu item indicator to green on Papers Custom Post Type */

body.paper-template-default #menu-item-180 .menu-text {color:#279989;}
body.tax-academic_author #menu-item-180 .menu-text {color:#279989;}

.paper-feed h2 {font-size:17px !important; Line-height:20px !important; margin-bottom:0 !important;}
.paper-feed .fusion-meta-info span {font-weight:bold; font-size:14px;}
.paper-feed .fusion-inline-sep {display:none;}
.paper-feed .fusion-meta-info .fusion-alignleft { width:100%;}
.paper-feed.fusion-blog-layout-medium article { margin-bottom:40px !important;}
.paper-feed .fusion-meta-info p {margin-bottom:0; margin-top:10px; font-size:14px;}

.paper-archive h2 {font-size:17px !important; Line-height:20px !important; margin-bottom:20px !important;}
.paper-archive p {margin-bottom:0; margin-top:0px;}
.papers-sidebar #text-4 {margin:0;}

.papers-sidebar ul {padding-left: 20px !important;}

/* Bold Dates on Posts */
.fusion-single-line-meta span {font-weight:bold;}


/* Special Containers
----------------------------------------------- */
.donate-containers {height: 391px;}
.clinicaltabs h3 {margin-bottom: 0; font-size:17px;}
.vacancies .fusion-title-size-three, .vacancies h3 { margin-top: 1.5em; margin-bottom:0em !important;}

body.postid-630 .post-content h4, body.postid-639 .post-content h4 {font-size: 14px !important; margin-bottom: 5px !important;}

.staff-portfolio h2.fusion-post-title {font-size: 14px !important;}
.staff-portfolio .fusion-title-size-five, .staff-portfolio h5 {margin-top: 0px !important; margin-bottom: 0px !important;}
.staff-portfolio .fusion-title-size-four, .staff-portfolio h4  {margin-top: 0px !important; margin-bottom: 0px !important;}
.staff-portfolio .fusion-post-content {margin-top: -20px;}

#largetestimonials q {font-size: 25px; line-height: 27px; color: #fff !important;}
#hometestimonials q {font-size: 25px; line-height: 27px; color: #fff !important;}

#menu-footer-menu li.current-page-ancestor > a {color: #EC5449 !important;}

#interstitial h1 {font-size: 36px; color: #fff !important;}
#interstitial p {font-size: 22px; color: #fff !important;}
#homeintro p {font-size: 17px; line-height: 27px;}
#homeintro p.last {margin-bottom: 0px}
#homeintro h2 {font-size: 32px;}



/* Sitemap
----------------------------------------------- */
h2.wsp-posts-title, h2.wsp-pages-title, h2.wsp-avada_faqs-title, h2.wsp-faq_categorys-title {font-size: 20px !important;}
#homebox { font-size: 14px; font-weight: normal; line-height: 20px; text-align: center; letter-spacing: 2px; width: 100%; margin-bottom: 20px; }

.menutops {text-align: center;}
.menutops h2 {margin: 0 !important;}


/* Contact page
----------------------------------------------- */
body.page-id-xx #sidebar {display:none;}
#zfusion-gmap-container {display: none;}
i.fa-mobile {font-size: 22px !important;}
.contacticons i {color: #EC5449; margin-right: 10px;}
.contacticons p {line-height: 25px !important;}


/* Lists and bullets
----------------------------------------------- */
.widget ul.fa-ul { margin-left: 20px; }
.largeicon {font-size: 20px; margin-bottom: 50px;}
.largeicon li {line-height: 40px; }
.largeicon i { margin-left: 0px; padding-right: 3px; line-height: 30px; color: #EC5449;}

/* Ordered List
----------------------------------------------- */
ol {padding-inline-start: 20px;}
ol li {margin-bottom:20px;}