/home/tuzdhajd/ardaughters.org/wp-content/themes/ARDFoundation20/template-parts/header-styles.php
<!-- header styles -->
<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/custom_fonts.css" media="screen" type="text/css" />
<?php
$localFonts = apply_filters('get_local_fonts', '');
?>
<?php if ($localFonts) : ?>
<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/<?php echo $localFonts; ?>" media="screen" type="text/css" />
<?php else : ?>
<?php endif; ?>
<link id="u-google-font" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700|Heebo:100,200,300,400,500,600,700,800,900">
<style> .u-header {
background-image: none;
min-height: 128px;
}
.u-header .u-menu-1 {
margin: 35px auto 0;
}
.u-header .u-nav-1 {
font-size: 1.25rem;
text-transform: uppercase;
font-weight: 500;
}
.u-header .u-nav-2 {
font-size: 1rem;
}
.u-header .u-nav-3 {
font-size: 1rem;
}
.u-header .u-nav-4 {
font-size: 1rem;
}
.u-header .u-nav-5 {
font-size: 1rem;
}
.u-header .u-nav-6 {
font-size: 1rem;
letter-spacing: 0px;
margin-bottom: 0;
text-transform: uppercase;
}
.u-header .u-nav-7 {
font-size: 1rem;
}
.u-header .u-nav-8 {
font-size: 1rem;
}
.u-header .u-nav-9 {
font-size: 1rem;
}
.u-header .u-nav-10 {
font-size: 1rem;
}
.u-header .u-btn-1 {
margin: 40px auto 0 50px;
padding: 20px 46px 22px;
}
.u-header .u-icon-1 {
height: 0;
vertical-align: 0px;
font-size: 1.0626em;
}
.u-header .u-btn-2 {
border-style: none;
letter-spacing: normal;
font-size: 1.25rem;
background-image: none;
font-weight: 500;
text-transform: uppercase;
font-family: Oswald, sans-serif;
margin: -75px 0 0 auto;
padding: 40px 75px 41px;
}
.u-header .u-icon-2 {
vertical-align: 0px;
font-size: 1.25em;
}
.u-header .u-image-1 {
width: 301px;
height: 89px;
margin: -102px auto 26px calc(((100% - 1320px) / 2) + -36px);
}
@media (max-width: 1399px) {
.u-header .u-nav-6 {
font-size: 1.25rem;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
}
.u-header .u-btn-1 {
margin-left: 0;
}
.u-header .u-btn-2 {
--radius: 12px;
margin-top: -75px;
}
.u-header .u-image-1 {
width: 301px;
margin-top: -102px;
margin-left: calc(((100% - 1140px) / 2) + -36px);
}
}
@media (max-width: 1199px) {
.u-header .u-menu-1 {
width: auto;
margin-right: calc(((100% - 940px) / 2) + 220px);
}
.u-header .u-image-1 {
margin-left: calc(((100% - 940px) / 2) + -36px);
}
}
@media (max-width: 991px) {
.u-header .u-menu-1 {
margin-top: 40px;
margin-right: calc(((100% - 720px) / 2) + 226px);
}
.u-header .u-btn-2 {
margin-top: -76px;
}
.u-header .u-image-1 {
margin-top: -105px;
margin-bottom: 28px;
margin-left: calc(((100% - 720px) / 2) + -36px);
}
}
@media (max-width: 767px) {
.u-header .u-menu-1 {
margin-top: 184px;
margin-right: calc(((100% - 540px) / 2) + 170px);
}
.u-header .u-btn-2 {
margin-top: 20px;
}
.u-header .u-image-1 {
margin-top: -113px;
margin-bottom: 26px;
margin-left: calc(((100% - 540px) / 2) + -36px);
}
}
@media (max-width: 575px) {
.u-header {
min-height: 79px;
}
.u-header .u-menu-1 {
margin-top: 31px;
margin-right: calc(((100% - 340px) / 2));
}
.u-header .u-nav-6 {
width: 173px;
margin-top: 25px;
margin-left: 30px;
}
.u-header .u-btn-1 {
margin-top: 31px;
margin-left: 30px;
}
.u-header .u-image-1 {
width: 250px;
height: 60px;
margin-top: -48px;
margin-bottom: 0;
margin-left: calc(((100% - 340px) / 2) + -34px);
}
}</style>