/*
Theme Name:   Preservation Maryland
Theme URI:    https://preservationmaryland.com/
Description:  theme for Preservation Maryland
Author:       Matthew DeVille
Template:     Divi
Version:      1.0.0
*/

/* COLORS */
:root {
	--pmdred: #C82238;
	--pmddarkred: #871818;
	--pmddarkgray: #262626;
	--pmdmedgray: #333333;
	--pmdlightgray: #F2F2F2;
	--pmdtan: #CDBC8E;
	--pmdlighttan: #F3EEE3;
}

#logo {
	max-height:64px !important;
}

body {
  font-family: 'Kepler', Georgia, serif;
  font-size: 18px;
  color: var(--pmddarkgray);
  font-weight:400;
}
a:hover { text-decoration: underline; }
body .et_pb_bg_layout_light.et_pb_button:hover, body .et_pb_bg_layout_light .et_pb_button:hover, body .et_pb_button:hover {text-decoration: none !important;}

/* TYPOGRAPHY */
p { margin-bottom: 1rem !important; padding-bottom:0 !important; }
.bold-red, .author a { font-weight: 800 !important; color: var(--pmdred) !important; }
p.large {
	font-size: 1.5rem !important;
	line-height: 1.7 !important;
}
sup { font-size: 0.7rem; }
.et_pb_row h1, .et_pb_row h2, .et_pb_row h3, .et_pb_row h4, .et_pb_row h5 {
	margin: 0 0 1rem 0 !important;
	padding-bottom:0 !important;
	font-family: 'Kepler', serif !important;
	line-height: 1.3 !important;
	font-weight:400;
  }
  
  .et_pb_row h1 { 
	  font-size: 3rem !important; 
	  color: var(--pmddarkgray);
  }
  body.home .et_pb_row h2 { 
	  font-size: 3rem !important; 
	  color: var(--pmddarkgray);
  }
  
  .et_pb_row h2 { 
	  font-size: 2.5rem !important; 
	  color: var(--pmddarkgray);
  }
  .et_pb_row h3 { 
	color: var(--pmddarkred) !important; 
	font-size: 2rem !important;
  }
.et_pb_row h3.grayeyebrow {
	font-size: 0.88rem !important;
	font-family: 'Montserrat' !important; 
	font-weight: 800 !important;
	color: var(--pmddarkgray) !important;
	text-transform: uppercase !important;
	padding-bottom: 0 !important;
}
.et_pb_row h3.redeyebrow {
	font-size: 0.88rem !important;
	font-family: 'Montserrat' !important; 
	font-weight: 800 !important;
	color: var(--pmdred) !important;
	text-transform: uppercase !important;
	padding-bottom: 0 !important;
}
  .et_pb_row h4 {
	color: var(--pmddarkred) !important; 
	font-size: 1.5rem !important;
  }
.pmd-update {
	border-radius: 4px !important;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
	overflow: hidden !important;
	text-align:left !important;
}
.pmd-update p {
	font-size:0.88rem !important;
	line-height:1.25rem !important;
}
.pmd-update h4 {
	font-size: .88rem !important;
	font-family: 'Montserrat' !important; 
	font-weight: 800 !important;
	color: var(--pmdred) !important;
	text-transform: uppercase !important;
	padding-bottom: 0 !important;	
}
  .et_pb_row h5 {
	  font-size: 1.25em !important;
	  color: var(--pmddarkred) !important; 
}
small, .text_small {font-size: 0.8em;}
em, i { font-family: 'Kepler'; font-style: italic; }

.eyebrow,
.contact-info,
.pmd-blog-module .post-meta,
.et_pb_title_meta_container,
.et_pb_member_position,
.post-categories {
  font-size: 0.88rem !important;
  font-family: 'Montserrat' !important; 
  font-weight: 800 !important;
  color: var(--pmdred) !important;
  text-transform: uppercase !important;
  padding-bottom: 0 !important;
}
.post-meta {
	padding:0 1rem !important;
}
.et_pb_post_extra .post-categories {
	text-align: center !important;
}
.et_pb_post_extra.el_dbe_vertical_grid h4.entry-title {
	border-bottom:none !important;
}
.contact-info,
.pmd-blog-module .post-meta,
.et_pb_title_meta_container,
.published {
	font-weight: 400 !important;
	color: var(--pmddarkgray) !important;
}
.pmd-blog-module .post-content {
	font-size:0.9rem !important;
	line-height:1.5 !important;
}
.et_pb_member_position{
	color: var(--pmdmedgray) !important;
	line-height:1.3 !important;
}
  
.pmd-red h2 { color: #fff !important; }

.et-db #et-boc .et-l .et-l--post .et_builder_inner_content .et_pb_row {
	width: 100%;
	padding-top:0 !important;
}

.wp-caption {
	margin:0 auto !important;
	border:none !important;
	background:transparent !important;
}
.et_pb_title_featured_container {
	margin-bottom:0.5rem !important;
}
.et_pb_title_featured_container .et_pb_image_wrap img,
.wp-caption img {
	border-radius:12px !important;	
}
blockquote, 
.wp-caption p.wp-caption-text {
	font-size:1rem !important;
	font-style:italic !important;
}
/* TABS */
.pmd-tabs {
	border-radius:12px !important;	
}
.et_pb_tabs {
	border-color:var(--pmdlightgray) !important;
	box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.05);
}
ul.et_pb_tabs_controls {
	background-color:#fff !important;	
	border-color:var(--pmdlightgray) !important;
	border-radius:12px 12px 0 0 !important;	
}
ul.et_pb_tabs_controls:after {
	border-color:var(--pmdlightgray) !important;	
}
.et_pb_tabs_controls li {
    float: none!important;
    display: inline-block!important;
    margin-bottom: -10px;
	border-color:var(--pmdlightgray) !important;
}

.et_pb_tabs_controls li:first-child {
	border-left:1px solid var(--pmdlightgray) !important;
}
.et_pb_tabs_controls {
    text-align: center;
}
.et_pb_tabs_controls li a {
  font-size: 0.88rem !important;
  font-family: 'Montserrat' !important; 
  font-weight: 800 !important;
  color: var(--pmdred) !important;
  text-transform: uppercase !important;
  padding: 12px 24px !important;	
}
.et_pb_tab_active a {
	border-bottom: 4px solid var(--pmdred) !important;
}
.pmd-tabs img.alignright {
	border-radius:12px !important;
}
.et_pb_all_tabs {
	border-radius:0 0 12px 12px !important;	
}
/* SLIDER */
.et_pb_slide_content p {
	font-size: 1rem !important;
}
.et_pb_slide_content a {
	color:#fff !important;
	text-decoration: underline !important;
}
.et_pb_slider.et_pb_module .et_pb_slides .et_pb_slide_description h2.et_pb_slide_title {
	font-size: 2.5rem;
}
.et-pb-controllers a {
	width: 12px;
	height: 12px;
	border-radius: 6px;
	background-color: #fff !important;
	opacity: 1 !important;
	border: 2px solid #fff !important;
}
.et-pb-controllers a.et-pb-active-control {
	width: 12px;
	height: 12px;
	border-radius: 6px;
	background-color: var(--pmddarkred) !important;
	border: 2px solid #fff !important;
}
/* PAGE MODULES AND BLOCKS */
.info-box {
	background: #FFFFFF;
	border: 4px solid rgba(51, 51, 51, 0.2);
	border-radius: 4px;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
	padding: 2rem;
}
.info-box hr {
	border-top: 1px solid var(--pmdmedgray);
	margin-bottom: 1rem;
}
.pmd-card {
	background: #FFFFFF;
	border-radius: 4px !important;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
	overflow: hidden !important;
}
.pmd-card .et_pb_main_blurb_image,
.et_pb_team_member_image,
.pmd-card .et_pb_post .et_pb_team_member_image {
	margin-bottom:15px !important;
	overflow:hidden;
	display: block;
	border-radius: 4px 4px 0 0;
}

.pmd-card .et_pb_blurb_container,
.et_pb_team_member_description {
	padding: .5rem 1rem 1rem 1rem !important
}
.pmd-card h4.et_pb_module_header,
.et_pb_team_member_description h4 {
	font-size: 2rem !important;
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}
.pmd-card h5.et_pb_module_header {
	font-size: 1.5rem !important;
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

.pmd-page-hero {
background-blend-mode: multiply !important;
    background-image: url(https://dev-preservation-maryland-2023.pantheonsite.io/wp-content/uploads/2023/06/state-of-maryland-map.jpg) !important;
    background-color: #871818 !important;
}
.pmd-page-hero .header-content-container {
	width:90% !important;
}
.pmd-page-hero .header-image-container {
	width:30% !important;	
}
.pmd-work .header-image img {
	max-height:240px !important;
	max-width: 240px !important;
}
.pmd-page-hero h1 {
	color:#fff !important;
	font-size: 3rem !important;
	font-family: 'Kepler', Georgia, serif !important;	
}
/* MENU */
#top-menu li {
	margin-right:4px;
}

#top-menu li li a,
.et-menu li li a {
    padding: 12px 6px; 
    width: 302px;
	line-height:125% !important;
}
.et-fixed-header #top-menu a:hover,
.nav ul li a:hover {
	color:var(--pmdred) !important;
	opacity:1 !important;
	background:transparent !important;
}
#top-menu li .menu-item-has-children>a:first-child:after {
	top:12px !important;
	right:10px !important;
}
#top-menu li li {
	padding:0 10px !important;
}
.on-page-menu-vertical ul,
.on-page-menu-vertical li {
	float:none !important;
	display:block !important;
}
.on-page-menu-vertical li {
	margin-bottom:1.5rem !important;
}
.on-page-menu-vertical li a {
	color:var(--pmdred) !important;
}
/* Increase width of drop-down menu - Code by Duogeeks*/
.nav li ul {
    position: absolute;
    padding: 20px 0; 
    width: 320px;
    left:-40px;
}
.nav li ul ul {
    position: absolute;
    left:320px !important;
}

/* BUTTONS */
.et-fixed-header #top-menu .button a,
#top-menu .button a {
	background-color: var(--pmdred);
	padding: 10px 25px !important;
	border-radius: 4px;
	text-transform: uppercase;
	color: #fff !important;
	text-align: center;
}

.et_pb_button {
	font-size: 0.88rem !important;
	font-family: 'Montserrat' !important; 
	font-weight: 800 !important;
	text-transform: uppercase !important;
}
.whitebutton {
	background-color: #fff !important;
	color: var(--pmddarkred) !important;
	border:2px solid #fff !important;
}
.whitebutton:hover, .et_pb_button.whitebutton:hover, .et_pb_module .et_pb_button.whitebutton:hover {
	background-color: transparent !important;
	border:2px solid #fff !important;
	color: #fff!important;
}
/* ROWS */
.pmd-lightgray { background-color: var(--pmdlightgray) !important; }
.pmd-darkgray { background-color: var(--pmddarkgray) !important; }
.pmd-mediumgray { background-color: var(--pmdmedgray) !important; }
.pmd-red { background-color: var(--pmdred) !important; color: #fff !important; }
.pmd-darkred { background-color: var(--pmddarkred) !important; }
.pmd-tan { background-color: var(--pmdtan) !important; }
.pmd-lighttan { background-color: var(--pmdlighttan) !important; }

.pmd-phoenix {
	background: var(--pmdlightgray) url('img/phoenix.png') no-repeat !important;
	background-position: center center !important;
	background-size: 920px 960px !important;
}
.pmd-page-title {
	background: var(--pmddarkred) !important;
}
.pmd-phoenix-red {
	background: var(--pmddarkred) url('img/PresMD-Phoenix-Icon@2x.png') no-repeat !important;
	background-position: 75% 150% !important;
	background-size: 420px 410px !important;
}
.photo-blurb-row h3 {
	color: var(--pmddarkred) !important; 
	font-size: 2.5rem !important;
}
/* MENU */
#top-menu li a {
	font-weight: 800 !important;
}
#et_top_search {
	margin-top: 0 !important;
}
#et_search_icon:before {
	top:6px !important;
}
/* BLOG MODULE */
.pmd-blog-module-grid .et_pb_ajax_pagination_container {
    display: grid;
    grid-gap: 60px;
    grid-template-columns: repeat(3, 1fr);
}
.pmd-blog-module-grid-2up .et_pb_ajax_pagination_container {
    display: grid;
    grid-gap: 40px;
    grid-template-columns: repeat(2, 1fr);
}
.pmd-blog-module h3.entry-title {
  font-family: 'Kepler' !important; 
  font-weight: 400 !important;
  margin-bottom:0.5em !important; 
  font-size: 1.4rem !important;
}
.pmd-project .entry-title {
	font-family: 'Kepler' !important;
	font-style: italic;
	font-weight: 400;
	font-size: 2rem;
	line-height: 120%;
    text-align: center;
}
.pmd-project {
    text-align: center;	
}
.pmd-project .post-meta {
	border-top:1px solid #c2c2c2 !important;
	border-bottom:1px solid #c2c2c2 !important;
	margin:0.75rem 2rem !important;
}
.pmd-project .post-content p {
    font-size:0.88rem !important;
	line-height:1.7;
}
.pmd-blog-module .published,
.pmd-project .post-content .published {
	display: block !important;
}
.pmd-blog-module h3.entry-title,
.pmd-blog-module .post-content {
	padding:0.5rem 1rem !important;
}
.pmd-blog-module .post-meta {
	font-size:0.88rem !important;
	padding:0 1rem !important;	
	margin-bottom:0 !important;
}
.pmd-blog-module h3.entry-title a {
	color:var(--pmddarkred) !important;
}
.pmd-blog-module .et_pb_post {
	margin-bottom:20px !important;
	background: #FFFFFF;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
	border-radius: 4px;
}
.pmd-blog-module .et_pb_ajax_pagination_container>div {
    grid-column: span 2;
	font-size: 0.88rem !important;
	font-family: 'Montserrat' !important; 
	font-weight: 800 !important;
	color: var(--pmdred) !important;
}
.pmd-blog-module .et_pb_post .entry-featured-image-url {
	margin-bottom:15px !important;
	overflow:hidden;
	/*padding-top: 100%;*/
	padding-top: 240px;
	display: block;
	border-radius: 4px 4px 0 0;
}
.pmd-blog-module .et_pb_post .entry-featured-image-url img {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	object-fit: cover;
}
.cat-item a,
.tagcloud a, .wp-block-tag-cloud a {
	font-size: 0.88rem !important;
	font-family: 'Montserrat' !important; 
	font-weight: 400 !important;
	text-transform: uppercase !important;
	padding: 2px 8px;
    background: var(--pmddarkred);
	color:#fff !important;
    display: inline-block;
    margin-bottom: 4px;
    border-radius: 3px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.widget_block,
.et_pb_widget_area h3 {
	margin-bottom:1rem !important;
	padding-bottom:0 !important;
}
.cat-item a {
	color:#fff !important;
}

/* IMAGE GRIDS */
.logo-grid .et_pb_text_inner {
    display: inline-block;
    width: 100%;
}
.logo-grid .et_pb_text_inner p {
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.logo-grid .et_pb_text_inner a:not(.button) {
    position: relative;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    min-width: 150px;
    padding: 30px;
    box-sizing: border-box;
    background: white;
    border-bottom: 2px solid var(--pmdlightgray) !important;
    border-right: 2px solid var(--pmdlightgray) !important;
}
.logo-grid .et_pb_text_inner a:not(.button):before{
	content: '';
	display: block;
	padding-top: 100%;
}

.logo-grid .et_pb_text_inner a img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: calc(100% - 60px);
    max-height: calc(100% - 60px);
}

/* FOOTER */
.presmd-footer {
	background-color: var(--pmdmedgray) !important;
}
.presmd-footer p {
	color: var(--pmdlightgray) !important;
	padding-bottom: 0.25rem !important;
	margin-bottom: 0.25rem !important;
	font-size: 1rem !important;
}
.presmd-footer p.large {
	font-size: 1.2rem !important;
}
.presmd-footer a {
	color: var(--pmdlightgray);
}
.presmd-footer h4,
.presmd-footer ul li a,
.pmd-subfooter {
	font-size: 0.88rem !important;
	font-family: 'Montserrat' !important; 
	font-weight: 800 !important;
	color: var(--pmdtan) !important;
	text-transform: uppercase !important;
}
.presmd-footer h4 {
	margin-bottom: 0.25rem !important;
}
/* UTILITY CLASSES */
ul.no-bullets {
	list-style-type: none; /* Remove bullets */
	padding: 0; /* Remove padding */
	margin: 0; /* Remove margins */
}
ul.no-bullets li {
	margin-bottom: 0.88rem;	
}
#left-area ol, .entry-content ol, .et-l--body ol, .et-l--footer ol, .et-l--header ol {
	list-style-position:outside !important;
	margin-left:23px !important;
}
.legal-copy p {
	font-size:0.88rem !important;
	line-height:1.3 !important;
	margin-bottom:0.2rem !important;
}

.flex-row-wrapper {
 flex-wrap:wrap;
}

.flex-row-wrapper .et_pb_column {
 display: flex;
 flex-direction: row;
 justify-content:space-between;
}

/* MOBILE */

@media (max-width:980px) {
	.flex-row-wrapper  { 
		flex-direction:column;
	}
	.pmd-blog-module .et_pb_ajax_pagination_container {
		grid-template-columns: repeat(3, 1fr);
	}
	.pmd-blog-module .et_pb_ajax_pagination_container>div {
		grid-column: span 3;
	}
	.nav li ul ul {
		position: absolute;
		left:0 !important;
	}

}


@media (max-width:600px) {
	.pmd-blog-module .et_pb_ajax_pagination_container,
	.pmd-blog-module-grid-2up .et_pb_ajax_pagination_container {
		display: block !important;
	}
	.et_pb_slider.et_pb_module .et_pb_slides .et_pb_slide_description h2.et_pb_slide_title {
		font-size: 2rem;
	}
	.et_pb_slider.et_pb_module .et_pb_slides .et_pb_slide_description .et_pb_slide_content p {
		line-height: 1.4;
	}
/*	
	.pmd-blog-module .et_pb_ajax_pagination_container {
		grid-template-columns: repeat(2, 1fr);
	}
	.pmd-blog-module .et_pb_ajax_pagination_container>div {
		grid-column: span 2;
	}
	*/
}

@media (max-width:460px) {
	.pmd-blog-module .et_pb_ajax_pagination_container,
	.pmd-blog-module-grid-2up .et_pb_ajax_pagination_container {
		display: block !important;
	}
/*
 	.pmd-blog-module .et_pb_ajax_pagination_container {
		grid-template-columns: repeat(1, 1fr);
	}
	*/
}