/* Loaded only under GrandConference 5, after its grid.css (functions.php): what 5.x draws differently from 4.3
   on this site, put back the way 4.3 showed it. */

/* 5.x replaced Font Awesome 4 with Font Awesome 5, where brand logos need another font and class ("fab"). The
   site's menus still say "fa fa-twitter" (Appearance > Menus), so 5.x left those icons blank, and its menu arrows
   ask for a weight of its font that has no arrows. This is 4.3's own Font Awesome 4.6.3 font, under a name of its
   own so it never meets 5.x's. */
@font-face {
	font-family: 'FontAwesome 4';
	src: url('fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('fonts/fontawesome-webfont.woff?v=4.6.3') format('woff');
	font-weight: normal;
	font-style: normal;
}

.fa.fa-twitter,
.fa.fa-linkedin,
.fa.fa-youtube,
.fa.fa-facebook,
.fa.fa-instagram,
#menu_wrapper .nav li.arrow > a:after,
#menu_wrapper div .nav li.arrow > a:after,
#menu_wrapper .nav ul li:not(.megamenu) ul.sub-menu li.arrow > a:after,
#menu_wrapper div .nav li:not(.megamenu) ul.sub-menu li.arrow > a:after {
	font-family: 'FontAwesome 4';
	font-weight: normal;
}

/* Font Awesome 5 moved the plain "in" to another code. */
.fa.fa-linkedin:before {
	content: "\f0e1";
}

/* Phones: 4.3's sizes (its grid.css), where 5.x made headings and quotes larger and dropped two !important. */
@media only screen and (max-width: 767px) {
	h1 { font-size: 22px !important; }
	h2 { font-size: 20px; }
	h3 { font-size: 19px; }
	h4 { font-size: 18px; }
	h5 { font-size: 17px; }
	h6 { font-size: 16px; }
	h7 { font-size: 15px; }
	blockquote { font-size: 18px; }
	#page_content_wrapper .inner .sidebar_content.full_width img { height: auto !important; }
	.one_half_bg.nopadding, .two_third_bg > div, .one_half_bg > div, .one_third_bg > div, .one_fourth_bg > div { padding: 0 !important; }
}