.entry-title {
font-family: Playfair Display !important;
    font-style: normal;
    font-weight: 400;
    color: #4f94ba !important;
    font-size: 52px;
    margin-bottom: 30px;
    text-align: center;
text-transform: none !important;
  font-style: italic !important;
}






@media only screen and (max-width: 600px) {
  .zak-mobile-header-small {
   font-size: 32px !important;
  }
  .zak-mobile-small {
   font-size: 15px !important;
  }

}






.archive-title {
    font-family: "Quattrocento Sans";
    font-style: normal;
    font-weight: 400;
    color: #4f94ba;
    font-size: 40px;
    margin-bottom: 10px;
}





.genesis-nav-menu a {
    color: #4f94ba;
    display: block;
    font-size: 18px;
    font-weight: 400;
    outline-offset: -1px;
    padding-bottom: 12px;
    padding-top: 12px;
text-transform: uppercase;

    padding-left: 18px !important;
    padding-right: 15px !important;

}





.menu-toggle {
    text-transform: uppercase;
height:66px;
line-height: 20px;
margin-bottom: 10px;
margin-top: 10px;
color: white;
background-color: #4f94ba;
border-radius: 0;
padding: 12px;
border: 5px solid white !important;
}

.menu-toggle:hover {
border: 5px solid #4f94ba !important;
}


.sub-menu-toggle {
    right: -20px !important;
    color: #4f94ba !important;
}


.wp-block-spacer-NO-CLEAR {
    clear: none !important;
}






.letter-spacing-01 {
letter-spacing: 1px !important;
}


.site-footer {
    background-color: #4f94ba;
}

.site-footer p {
    color: white;
text-transform: uppercase;
}

/* THIS IS FOR MOBILE
--------------------------------------------- */

body {
font-size: 18px !important;
line-height: 1.4 !important;
}

/* END
--------------------------------------------- */

@media only screen and (min-width: 960px) {
.content {
    width: 100%;
}
body {
	font-size: 20px !important;
line-height: 1.4 !important;
}
 }





/* Headings
--------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
text-transform: uppercase;
	font-weight: 400;
	line-height: 1.2;
	margin: 0 0 20px;
letter-spacing: 1px;
}

h1 {
	font-size: 56px;
}

h2 {
	font-size: 52px;
}

h3 {
	font-size: 46px;
}

h4 {
	font-size: 42px;
}


h5 {
	font-size: 36px;
}

h6 {
	font-size: 30px;
}


.entry-content h3,
.entry-content h4 {
	font-weight: 400;
}

.entry-content h4 {
	margin-top: 0px;
}














.wp-custom-logo .title-area {
    padding-bottom: 15px;
    padding-top: 15px;
}






/* This makes the mobile menu always active */
@media only screen and (min-width: 960px) {
.js .nav-primary {
    display: none;
}
.menu-toggle, .sub-menu-toggle {
    display: block !important;
    visibility: visible !important;
}
}
/* End mobile menu hack */






















.mobile-white-bg {
background: rgba(170, 68, 143, .6);
padding: 20px;
}