/**
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         dogmo.com
 Author URI:     https://www.dogmo.com
 Template:       Divi
 Version:        1.0.0
*/
/** 
* SCSS structure loosely based on underscores framework
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Legacy
	- Legacy CSS
# Abstracts
	- Mixins
    - Variables
# Base
    - Typography
    - Elements

--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Abstracts
--------------------------------------------------------------*/
/**
* Color notes: Pulled from website:
*    #251f1f - body text in use on site
*       also see: #666, #333, #231f20 - body color set on body tag
*    #98002e - header red text
*
*    #D31145 - red buttons, link text
*    #98002e - link text hover
*    #9E002B - button hover state
*
*    1px solid #98002E - menu rule
*    rgba(0, 0, 0, 0.6) - menu link (a) text 
*    rgba(0,0,0,.03) - submenu background hover
*
*    #d0c6b7 - beige background color
*    #251f1f - footer bg color
**/
.light {
  font-weight: 300;
}

.normal {
  font-weight: 400;
}

.semibold {
  font-weight: 500;
}

.bold {
  font-weight: 600;
}

.heavy {
  font-weight: 600;
}

.ital {
  font-style: italic;
}

/*--------------------------------------------------------------
# Legacy
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
  font-family: "canada-type-gibson", "Helvetica", Arial, Lucida, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "canada-type-gibson", "Helvetica", Arial, Lucida, sans-serif;
  font-weight: 600;
  padding-bottom: 0.625rem;
  color: #231f20;
  word-break: break-word;
}

h1, .h1 {
  font-size: 2.1875rem;
  line-height: 1.1;
}

h2, .h2 {
  font-size: 1.875rem;
  line-height: 1.2;
  padding-bottom: 1.25rem;
}
footer h2, footer .h2 {
  font-weight: 500;
  padding-bottom: 10px;
}

h3, .h3 {
  font-size: 1.5625rem;
  line-height: 1.3;
}

h4, .h4 {
  font-size: 1.5rem;
  color: #98002e;
  line-height: 1.3;
}

h5, .h5 {
  font-size: 1.25rem;
}

h6, .h6 {
  font-size: 1.125rem;
}

/* 
H1
Font-size:35px;
Line-height:1.1em; (change from 1.3em)
Padding-bottom: ? (match post title)


H2
Gibson Semibold
Font-size:30px;
Line-height:1.1em; (change from 1em)
Padding-bottom:20px; (change from 10px;)

H3
Font-size ok :25px;
Line-height:1.2em; (change from 1em)
Padding-bottom: 

H4
Gibson Semibold?
Font-size:25px;
Line-height:1.2em; (change from 1em)
Padding-bottom: 


*/
p, ul, ol, li {
  font-family: "canada-type-gibson", "Helvetica", Arial, Lucida, sans-serif;
  font-weight: 400;
}

strong {
  font-weight: 600;
}

.caption {
  line-height: 1.5;
}

/* Elements
--------------------------------------------- */
/* MEGA MENU
--------------------------------------------- */
/* adds hover state on main nav */
.about_NPWF_mega_menu:hover:before,
.work_NPWF_mega_menu:hover:before,
.news_NPWF_mega_menu:hover:before {
  background-color: #636466;
  opacity: 0.24;
}

@media all and (max-width: 979px) {
  .megamenu-show:before {
    opacity: 0 !important;
  }
  .about_NPWF_mega_menu:hover:before,
  .work_NPWF_mega_menu:hover:before,
  .news_NPWF_mega_menu:hover:before {
    opacity: 0 !important;
  }
}
#menu_NPWF_about,
#menu_NPWF_work,
#menu_NPWF_news {
  margin-top: 40px !important;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* NEW Adds demarcation for bottom of megamenu */
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

#mobile_menu1 {
  top: 89px;
  border-top: 1px solid #231f20;
}

#page-container #et-boc .et-l .et_pb_mega_menu_custblog_1 .et_pb_post .entry-title a {
  color: #231f20 !important;
}

#menu_NPWF_about .underline-links a,
#menu_NPWF_work .underline-links a,
#menu_NPWF_news .underline-links a {
  border-bottom: 2px solid transparent;
}
#menu_NPWF_about .underline-links a:hover,
#menu_NPWF_work .underline-links a:hover,
#menu_NPWF_news .underline-links a:hover {
  border-bottom: 2px solid #231f20;
}

#menu_NPWF_about .underline-links p,
#menu_NPWF_work .underline-links p {
  padding-bottom: 0.5em;
  line-height: 1.3em;
}

#menu_NPWF_about .underline-links a,
#et-boc #menu_NPWF_work .underline-links a {
  color: #231f20;
  font-size: 18px;
  font-weight: 500;
}

.mega-menu-red { /* TODO: consolidate with color variables -ew */
  border-bottom: 2px transparent; /* NEW to prevent shift on hover */
  color: #98002e;
  text-transform: uppercase;
  font-size: 20px;
  font-family: "canada-type-gibson", "Helvetica", Arial, Lucida, sans-serif;
  line-height: 1.3em;
  margin-bottom: 4px; /* NEW Adds a little breathing room for the underline on hover */
}

a.mega-menu-red:hover, a.mega-menu-red:active { /* NEW Adds hover state to submenu headers so it's obvious that they're links */
  /* border-bottom: 2px solid #98002e; */
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-thickness: 2px;
}

/* ABOUT */
#menu_NPWF_about .dmm-dropdown-ul li a {
  display: inline-block !important;
  border-top: 0px !important;
  padding: 0px !important;
}
#menu_NPWF_about .dmm-dropdown-ul li a:hover {
  border-bottom: 2px solid #231f20 !important;
}
#menu_NPWF_about h2, #menu_NPWF_about p {
  font-family: "canada-type-gibson", "Helvetica", Arial, Lucida, sans-serif !important;
  color: #231f20;
}

#other-resources-menu,
.other-resources-menu-inner {
  display: flex;
  align-items: center;
}
#other-resources-menu img,
.other-resources-menu-inner img {
  margin-right: 8px;
}

#other-resources-menu {
  justify-content: space-between;
  margin-right: 5vw;
}

/* OUR WORK */
#menu_NPWF_work .et_pb_mega_menu_image_2 {
  height: 300px;
}
#menu_NPWF_work .et_pb_mega_menu_image_2 .et_pb_image_wrap {
  width: 100%;
}
#menu_NPWF_work .et_pb_mega_menu_image_2 .et_pb_image_wrap img {
  object-fit: cover;
  width: 100%;
  height: 300px;
}

/* NEWS */
#menu_one_mf_news .et_pb_text_inner {
  font-family: "canada-type-gibson", "Helvetica", Arial, Lucida, sans-serif;
  color: #231f20 !important;
}

#menu_NPWF_news h2 {
  line-height: 1.3em;
}
#menu_NPWF_news article {
  margin-bottom: 0;
  padding-bottom: 0;
}

#other-resources-menu a,
#menu_one_mf_news h2 a {
  color: #231f20 !important;
  font-family: "canada-type-gibson", "Helvetica", Arial, Lucida, sans-serif;
  font-size: 16px;
}

@media all and (max-width: 1150px) {
  #other-resources-menu {
    flex-direction: column;
    align-items: flex-start;
  }
}
/* END MEGA MENU */