/* 
 Theme Name:     Pernicious Anaemia Society
 Author:         Artemis Webdesign
 Author URI:     https://artemiswebsites.com
 Template:       Divi
 Version:        1.1.1
 Description:    Divi Child Theme 
*/ 


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 
/*---typography---*/

body, a.more-link {font-family: proxima-nova, sans-serif;}
h1, h2, h3, h4, h5, h6{font-family: futura-pt, sans-serif;font-style: normal;line-height:1.2em;}
h1, h2 {letter-spacing:0.04em!important}
sup {font-size: 11px !important;}
@media all and (max-width:980px) {.flip {display:flex;flex-direction:column-reverse;}.flip .et_pb_column.et-last-child {margin-bottom: 30px;}}

/*---menu---*/
#top-menu li a, #top-header li a, .et_search_form_container input {font-family: proxima-nova, sans-serif;letter-spacing: 0.03em;}
.home-link a img {width:15px}
.top_link a img {width:150px}
.et-menu-nav li.mega-menu > ul {
	padding-left: 30px!important;}
.et-menu-nav li.mega-menu > ul > li > a:first-child {border-bottom: 1px solid rgba(0, 0, 0, 0.0);}
.et_mobile_menu {top: 120%!important;
    border-top: 0px solid;}
@media only screen and (max-width: 1241px) and (min-width: 981px){#logo {
	max-height: 85%!important;margin-top: -20px;}}
@media (min-width: 981px) {#top-header .container {padding: 0 !important;padding-left:30px!important}}
#main-header .container.clearfix.et_menu_container { width: 100%;max-width: 100%;
    padding-right: 30px;    padding-left: 30px;}
@media only screen and (max-width: 980px){ .et_header_style_left #logo, .et_header_style_split #logo{max-width:80%!important;max-height:80%!important;margin-top:0px!important;}.et_pb_svg_logo #logo, .et_pb_svg_logo.et_header_style_split .et-fixed-header .centered-inline-logo-wrap #logo {
    height: 70%!important;}}
@media only screen and (min-width : 1241px){#logo{height:125%!important;margin-top:-23px;z-index:100000;max-height: 125%!important;}.vimeo-icon {background-color:#00ADEF}}

#top-menu li li a:hover {color:#08708A !important; }
#top-header{z-index:99989}
#main-header {z-index:99999}
#top-menu li > a:after {-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
#top-menu li:hover > a:after {-ms-transform: rotate(360deg);-webkit-transform: rotate(360deg);transform: rotate(360deg);}
.nav li ul {border-top: 1px solid #08708A;background-color:#FCFDFD;margin-top: 0px;left:-30px;}
.sub-menu li li a {font-size: 16px !important; text-transform: none!important;}
.sub-menu li a {font-size: 16px !important;text-transform: none!important;}
.nav ul li a:hover {opacity: 0.9;}

#top-menu li.mega-menu > ul > li > a:first-child { border-bottom: none;font-size: 15px !important; text-transform: uppercase!important;padding-right:20px;padding-left: 15px!important;line-height:1.3em;margin-bottom: 10px;}
#top-menu li.mega-menu ul li {padding: 0px 0px 0px 6px!important;}
#top-menu li.mega-menu > ul > li > a {font-weight: 600 !important; width: 100%;}

@media (max-width: 1100px){.mega-menu img {display:none;}}
#top-menu li.mega-menu > ul > li:nth-of-type(5n) {clear: none;}
#top-menu li.mega-menu > ul > li {width: 20%;margin: 0;}
#top-menu li.mega-menu li a {padding: 6px 10px;}
@media (min-width: 1601px){.et_fullwidth_nav #top-menu li.mega-menu > ul {
    right: 30px !important;
    left: 230px !important;
    width: 80%;
}}
.vimeo-icon a, .insta a, .youtube a, .twitter a, .facebook a, .home-link a, .cta2 a:before, .cta5 a:before, .cta4 a:before, .cta3 a:before, .navlog a:before, .navdon a:before, .navjoin a:before {
    font-family: 'ETmodules'!important;
}
/*---mobile menu---*/
#main-header .et_mobile_menu .menu-item-has-children > a { background-color: transparent; position: relative; }
#main-header .et_mobile_menu .menu-item-has-children > a:after { font-family: 'ETmodules'; text-align: center; speak: none; font-weight: bolder; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; position: absolute; }
#main-header .et_mobile_menu .menu-item-has-children > a:after { font-size: 18px; content: '\4c'!important; top: 13px; right: 10px; }
#main-header .et_mobile_menu .menu-item-has-children.visible > a:after { content: '\4d'!important; }
#main-header .et_mobile_menu ul.sub-menu { display: none !important; visibility: hidden !important;  transition: all 1.5s ease-in-out;}
#main-header .et_mobile_menu .visible > ul.sub-menu { display: block !important; visibility: visible !important; }


/*---sidebar---*/
.widgettitle {font-family: futura-pt, sans-serif;letter-spacing: 0.04em;margin-bottom:10px;}
#recent-posts-2 .widgettitle:after, #tribe-events-list-widget-2 .widgettitle:after{
        content: '';
    width: 25%;
    height: 3px;
    margin-top: 10px;
    display: block;
    background: #ee1d23;}

/*---blog---*/
.comment_avatar {
	width: 70px;}
/*---FAQ---*/
.et_pb_toggle_title:before {
        content: "3" !important;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}.et_pb_toggle_open .et_pb_toggle_title:before {
    color: #08708A;
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
/*---Blog---*/
#news_content .et_pb_section {padding-top:0!important}
.rel_psts .published {font-size:15px;font-style: italic;}
/*---events---*/
.tribe-events-list-widget .tribe-event-title {text-transform:none!important}
.tribe-events-list-widget .tribe-events-list-widget-events {padding:0!important}
.tribe-events-widget-link {display:none}
	.ect-list-post h2.ect-list-title {font-family: proxima-nova, sans-serif!important;}	
/*---monarch---*/
@media all and (min-width:981px) {.et_monarch .et_social_popup_content {height: 450px !important;}
.et_monarch .et_social_sidebar_networks {top: 50%!important;}
.et_monarch .et_social_sidebar_networks:before {content: "SHARE";
    transform: rotate(90deg);
    transform-origin: center top 0;
    font-size: 15px;
    letter-spacing: 1px;
        font-family: proxima-nova, sans-serif;
      margin-left: 2px;
    margin-bottom: 15px;
    float: left;
	color: #113743;}}
.et_monarch .et_social_mobile .et_social_networks li {
	width: 10.5%;}.et_monarch .et_social_networks div.et_social_network_label  {display:none}
.et_monarch .et_social_mobile_button:before {background: #113743;
    color: #fff;}